ContactForm7でサンクスページに遷移する方法
はじめに
ContactForm7で、送信完了後にサンクスページに遷移する方法をお伝えします。
方法
固定ページでサンクスページを用意する
例えば、https://example.com/thanks/のようなURLに、サンクスページを予め作っておきます。
コードを追記する
WordPressのContact form7の「フォーム」タブの一番下の箇所で下記の設定を追記してください。URLはサンクスページのURLです。
|
1 2 3 4 5 |
<script> document.addEventListener( 'wpcf7mailsent', function( event ) { location = 'https://example.com/thanks/'; }, false ); </script> |
こんな感じです。
うまくいかない場合は、functions.phpに下記のコードを記述します。
|
1 2 3 4 5 6 7 8 9 10 11 |
//サンクスページ add_action( 'wp_footer', 'add_thanks_page' ); function add_thanks_page() { echo <<< EOD <script> document.addEventListener( 'wpcf7mailsent', function( event ) { location = 'https:/ok-computer.jp/thanks/'; /* 遷移先のURL */ }, false ); </script> EOD; } |
さいごに
ContactForm7は、とても便利なプラグインなのですが、送信後の画面が味気なく感じてしまいます。
サンクスページを設けることで、お問い合わせいただく方にも安心感を与えることができます。
是非お試しください。
公開日：2021年5月27日
最終更新日：2021年6月17日
