contact form 7 送信後サンクスページへ遷移させるプラグイン

  wordpress

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ライフを!