Contact Form 7 にサンクスページを作ってみる

WordPressのプラグイン「Contact Form 7」にフォーム送信後の画面「サンクスページ」を作ってみました。

サンクスページの作り方

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

「お問合わせありがとうございました。」などのサンクスページを作っておきます。
例）今回ページ属性の親を「お問合わせ」にしてみました。別に分けなくても大丈夫です。

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

2. Contact Form 7 の設定からサンクス画面へ遷移するよう設定する

管理画面より「お問合わせ」＞「コンタクトフォーム」＞フォーム名を選択

3. その他の設定にサンクスページを設定

2018年2月9日追加　on_sent_okは廃止になりました。修正は下記参照。

on_sent_ok: “location = ‘http://サイトドメイン/contact/thanks’;”

または

on_sent_ok: “location.replace(‘http://サイトドメイン/contact/thanks’);”

location.replaceはページを移動すると履歴が残らないため、 ブラウザの[戻る]ボタンで前のページに戻ることができなくなります。これで設定は完了です。フォームの送信を行ってみてください。

あわせて読みたい

on_sent_ok廃止によるContactForm7サンクスページ変更方法 on_sent_ok と on_submit はContactForm7 5.0から廃止になりました。以前はContactForm7の「その他の設定」に以下を記述しておけばサンクスページへ移動してくれました...

サンクスページが表示されない場合

もし設定したのにサンクスページが表示されない場合は、こちらがあるか確認してみてください。

header.phpの</head>の前に<?php wp_head(); ?>があるか？
footer.phpの</body>の前に<?php wp_footer(); ?>があるか？