Contact Form 7でサンクスページを表示するRedirection for Contact Form 7プラグイン
Contact Form 7でサンクスページ(送信完了画面)を表示する方法を紹介します。以前はfunctions.phpなどにリダイレクト用のコードを入力する方法が定番でしたが、今はRedirection for Contact Form 7プラグインで設定できます。
※ここではContact Form 7で基本的なコンタクトフォームは作成済みという想定です。
サンクスページを作成
問い合わせフォームからメールの送信完了後に表示するサンクスページを作成します。ひとまず、「送信完了」のようなタイトルの固定ページに「お問い合わせありがとうございます。」のような文章を入力しておけばよいでしょう。
![固定ページでサンクスページを作成](https://www.nishi2002.com/wp-content/uploads/2020/11/2020-11-10_12-36-03.png)
Redirection for Contact Form 7プラグインのインストール
サンクスページの表示に使うRedirection for Contact Form 7プラグインを「プラグイン」‐「新規追加」メニューからインストール、有効化します。
![Redirection for Contact Form 7プラグインのインストール](https://www.nishi2002.com/wp-content/uploads/2020/11/2020-11-10_11-55-16.png)
リダイレクト先の設定
「お問い合わせ」‐「コンタクトフォーム」メニューからコンタクトフォームの編集画面を開いて「Actions」タブをクリックします。
![コンタクトフォームの「Actions」タブを開く](https://www.nishi2002.com/wp-content/uploads/2020/11/2020-11-10_12-15-33.png)
「Please save your form」と表示される場合はいったん保存してください。
開いた「Actions」タブでメール送信完了後のリダイレクト先を設定します。それには、選択メニューから「Redirect」を選択して「Add Action」をクリックします。
![「Redirect」を選択](https://www.nishi2002.com/wp-content/uploads/2020/11/2020-11-10_12-20-12.png)
追加されたアクション(1)をクリックしてリダイレクト先のサンクスページ(2)をクリックします。
![リダイレクト先の選択](https://www.nishi2002.com/wp-content/uploads/2020/11/2020-11-10_12-26-14.png)
「保存」ボタンをクリックすると設定完了です。
サンクスページの表示テスト
メール送信をテストしてみましょう。
![メール送信のテスト](https://www.nishi2002.com/wp-content/uploads/2020/11/2020-11-10_12-30-49.png)
送信が完了すると、設定したサンクスページが表示されるようになります。
![サンクスページが表示される](https://www.nishi2002.com/wp-content/uploads/2020/11/2020-11-10_12-32-34.png)