Contact Form 7でサンクスページを作る方法【SWELLの場合】

WordPressのテーマ「SWELL」でプラグイン「Contact Form 7」を利用した場合、お問い合わせフォームの送信後に「サンクスページ（送信完了画面）」を設定する方法をご紹介します。

今回は、contactから/contact/thanksページに画面遷移する方法で解説します。

サンクスページの作り方

1. まず固定ページにサンクスページを作る

固定ページから新規作成で「お問合わせありがとうございました」などのサンクスページを作っておきます。

例）今回ページ属性の親を「お問合わせ」にしてみました。

https://サイトドメイン/contact/thanks

2. お問い合わせページからサンクスページへ遷移するよう設定

固定ページの「お問い合わせ」contactページに戻っていただき、カスタムCSS&JSの「JS用コード」エリアにコードを追加します。

SWELLではjavascriptがページごとに使えるエリアが設けてあります。JSプラグイン追加だったりfunctions.phpに書かなくて大丈夫です。

document.addEventListener( 'wpcf7mailsent', function( event ) {
location = 'https://サイトドメイン/contact/thanks';
}, false );

locationにhttpからのご自身の画面遷移URLを設定してください。

これでサンクスページの設定はOKです。テスト送信を行ってみてください。

noindex,nofollowの設定

サンクスページはインデックス不要なので「noindex,nofollow」の設定をしておきます。

SWELL推奨の「SEO SIMPLE PACK」を利用している方は、「SEO SIMPLE PACK 設定」の「このページの”robots”タグ」で「noindex,nofollow」を選択してください。

以上です。ご参考ください。

WordPressおすすめテーマ！SWELL

• 簡単に綺麗なブログが作れる！
• 企業サイトにも良さそう！
• メンテナンスが楽 
• 表示速度も速い！
• サブスクではないので一度購入すればOK！

SWELL公式サイトへ