こんにちは、イナフクカズヤ(@Inafuku_Kazuya)です。ContactForm7の14記事目です。
今回は完了画面(サンクスページ)を別途に作って、送信後にリダイレクトする方法です。
やり方についてはいつもの公式ページを参考にします。
固定ページに完了画面(サンクスページ)を作る
まずは、完了画面(サンクスページ)を作ります。
これは普通に固定ページで作ります。スラッグは「thanks」にしておきます。
footer.phpなどfooter系のパーツにリダイレクト用のソースコードを追加します。
1 2 3 4 5 6 7 |
<?php if(is_page('contact')): ?> <script> document.addEventListener( 'wpcf7mailsent', function( event ) { location = '<?php echo esc_url ( home_url() ); ?>/thanks/'; }, false ); </script> <?php endif; ?> |
必要なのはお問い合わせフォームだけなので、条件分岐でお問い合わせ(slugがcontactだった場合)ページのみに表示するようにします。
作業はこれだけです。
さいごに
別にお問い合わせフォームの完了画面って別途に必要なのか?って思ったりもするんですが、別途に用意したいというお客様は結構いるので、覚えておくとよいでしょう。