contact form 7 は、日本国産のとてもシェアの高いプラグインですよね。
すごくシンプルで、直感的でめちゃめちゃ使いやすく、私もたくさん利用しています。
![](https://mania0905.com/wp/wp-content/uploads/2022/02/2022-02-07_16h50_24-1024x411.png)
Contact From 7 プラグイン公式URL: https://ja.wordpress.org/plugins/contact-form-7/
その中で、クライアント様の要望で多いのが、「確認画面をつけたい」「送信後、サンクスページにジャンプさせたい」等があるかと思います。
上記のご要望は、Contact Form 7 だけではできないんですよね(ソースコードをいじれば別だと思いますが。。)
私としましては、ソースコードをいじるということは、プラグインがバージョンアップしたときに、編集したソースコードが互換性がなくなってしまうことが発生する可能性があるので、プラグインで賄えるものがあれば賄い、導入したプラグインが動かなくなった場合、別の同機能のプラグインを探して、それでもだめならソースコードを調整する方法が良いのかなと思っています(あくまで私の感想です)
今回説明するのは、Contact Form 7 のフォームから送信後に、サンクスページにジャンプさせるためのプラグインです。(確認画面に関しては別の機会に説明できたら説明いたします)
実現するために利用するプラグインは、「 Redirection for Contact Form 7 」というプラグインです。
こちらのプラグインを導入すると、以下のことができるようになります。
- 管理画面のContact Form 7の設定で、リダイレクトを設定したフォームの編集画面に Actionというメニューが現れ、サンクスページにジャンプさせることができるようになります。
では実際にやってみましょう!
Redirection for Contact Form 7 をインストール、設定する方法
1、固定ページで、サンクスページを作成します。
2、プラグインの新規追加ページを開きます。
3、新規追加ページの検索フォームに、「Redirection for Contact Form 7 」を入力します。
![](https://mania0905.com/wp/wp-content/uploads/2022/02/2022-02-07_17h10_47-1024x251.png)
4、検索結果に表示された以下のプラグインの「今すぐインストール」をクリックします。
![](https://mania0905.com/wp/wp-content/uploads/2022/02/2022-02-07_17h11_27-1024x382.png)
5、有効化します。
![](https://mania0905.com/wp/wp-content/uploads/2022/02/2022-02-07_17h12_51-1024x377.png)
6、管理画面左にある、Contact Form 7の設定メニューから、サンクスページにリダイレクトさせたいお問い合わせフォームを選択します。
![](https://mania0905.com/wp/wp-content/uploads/2022/02/2022-02-07_17h24_48-1024x447.png)
7、上部タブに Action というタブが表示されますので、クリックし、「Choose Action」をクリックします。
![](https://mania0905.com/wp/wp-content/uploads/2022/02/2022-02-07_17h27_03-1024x585.png)
8、「Redirect Action」を選択し、Add Action をクリックします。
![](https://mania0905.com/wp/wp-content/uploads/2022/02/2022-02-07_17h28_29-1024x750.png)
9、マウスオーバーするとでてくる Edit をクリックします。
![](https://mania0905.com/wp/wp-content/uploads/2022/02/2022-02-07_17h40_53-1024x434.png)
10、
(1)Rule Titleに、わかりやすい名前を入力します。(今回は、サンクスページへリダイレクトという名前にした)
(2)Select a Page で、リダイレクト先のページを選択します。
![](https://mania0905.com/wp/wp-content/uploads/2022/02/2022-02-07_17h42_22-1024x519.png)
11、下部にある、「保存」をクリックします。
設定はこれで以上です!実際に試してみましょう!
テスト結果
フォームに内容を入力して送信!
![](https://mania0905.com/wp/wp-content/uploads/2022/02/2022-02-07_17h47_29-1024x648.png)
しっかりリダイレクトされてサンクスページが表示されました!
![](https://mania0905.com/wp/wp-content/uploads/2022/02/2022-02-07_17h48_55-1024x445.png)
これで、Contact Form 7で作成したフォームから送信した後に、サンクスページが表示されるようになります!ぜひ皆様も必要な時試してみてくださいね!
最高のwordpressライフを!