contact form 7 は、日本国産のとてもシェアの高いプラグインですよね。
すごくシンプルで、直感的でめちゃめちゃ使いやすく、私もたくさん利用しています。
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 」を入力します。
4、検索結果に表示された以下のプラグインの「今すぐインストール」をクリックします。
5、有効化します。
6、管理画面左にある、Contact Form 7の設定メニューから、サンクスページにリダイレクトさせたいお問い合わせフォームを選択します。
7、上部タブに Action というタブが表示されますので、クリックし、「Choose Action」をクリックします。
8、「Redirect Action」を選択し、Add Action をクリックします。
9、マウスオーバーするとでてくる Edit をクリックします。
10、
(1)Rule Titleに、わかりやすい名前を入力します。(今回は、サンクスページへリダイレクトという名前にした)
(2)Select a Page で、リダイレクト先のページを選択します。
11、下部にある、「保存」をクリックします。
設定はこれで以上です!実際に試してみましょう!
テスト結果
フォームに内容を入力して送信!
しっかりリダイレクトされてサンクスページが表示されました!
これで、Contact Form 7で作成したフォームから送信した後に、サンクスページが表示されるようになります!ぜひ皆様も必要な時試してみてくださいね!
最高のwordpressライフを!