WordPress お問い合わせフォーム

【WordPress】Contact Form 7でフォームごとにサンクスページを振り分ける方法

【WordPress】Contact Form 7でフォームごとにサンクスページを振り分ける方法
Contact Form 7でフォームごとにサンクスページを分けたいんだけどどうすればいい?

1つのサイトにお問い合わせフォームが2つ以上ある場合、それぞれ別の目的で作られている事があり、サンクスページもそれに合わせて変えたい場合があります。

今回はその方法について書いていきたいと思います(サンクスページが1つの場合についても書いています)

またこの記事はオリジナルテーマでの作成を想定していますm(__)m

効率よくWordPress制作したい人はこちら

Contact Form 7でサンクスページを作る

Contact Form 7にはサンクスページの機能はないので、サンクスページはファイルから自作します。

これは固定ページのテンプレートを作るのと同じで、page-〇〇.php というファイルを作ります。

サンクスページであれば page-thanks.php といったファイル名になるかと思います。

そして今回はサンクスページが複数ある場合なので、page-thanks-recruit.php など別の名前のサンクスページを作成します。

 

functions.phpにページを振り分ける為のコードを書く

そして次にfunctions.phpにコードを書いていきます。

今回はサンクスページと採用案内ページの2つのページに分けるとします。

// Contact Form7の送信ボタンをクリックした後の遷移先設定
add_action( 'wp_footer', 'add_origin_thanks_page' );
 function add_origin_thanks_page() {
 $thanks = home_url('/thanks/');
 $recruit = home_url('/recruit/');
   echo <<< EOC
     <script>
       var thanksPage = {
         フォームID: '{$thanks}',
         フォームID: '{$recruit}',
       };
     document.addEventListener( 'wpcf7mailsent', function( event ) {
       location = thanksPage[event.detail.contactFormId];
     }, false );
     </script>
   EOC;
 }

基本的にはこちらのコードをfunctions.phpにコピペして頂ければOKですが、ご自身で書き直す箇所が2か所あります。

まずはフォームIDです。

これは管理画面のお問い合わせから確認出来ます。

 

 

それぞれの編集画面からも確認出来ます。

 

 

この赤枠の54ですね。

これを入力するとこのようになります。

// Contact Form7の送信ボタンをクリックした後の遷移先設定
add_action( 'wp_footer', 'add_origin_thanks_page' );
 function add_origin_thanks_page() {
 $thanks = home_url('/thanks/');
 $recruit = home_url('/recruit/');
   echo <<< EOC
     <script>
       var thanksPage = {
         54: '{$thanks}',
         フォームID: '{$recruit}',
       };
     document.addEventListener( 'wpcf7mailsent', function( event ) {
       location = thanksPage[event.detail.contactFormId];
     }, false );
     </script>
   EOC;
 }

次は4行目と5行目にあるページのURLです。

ここは固定ページのパーマリンクを書けばOKです。

以上になります。

 


WordPress案件の単価と作業効率を上げる!

Brainランキング1位獲得 & 3日で500部突破

クチコミ約300件
(平均スコア

今だけ!5つの無料特典あり🎁

👇画像をクリック

  • この記事を書いた人

じゅんぺい

タイ・バンコク在住のWeb制作フリーランス兼ブロガー▶︎37歳からWeb制作を開始▶︎コーディングとWordPressのオリジナルテーマ制作でこれまで80件以上納品▶︎Web制作中心の当ブログは月7万PV▶︎コーディングとWordPressのコンテンツを販売し、3日で500部突破&250万円&人気1位獲得。

-WordPress, お問い合わせフォーム
-,