ContactForm7で完了画面(サンクスページ)にリダイレクトする方法

2018/6/26 ContactForm7, WordPress

こんにちは、イナフクカズヤ(@Inafuku_Kazuya)です。ContactForm7の14記事目です。

今回は完了画面（サンクスページ）を別途に作って、送信後にリダイレクトする方法です。

やり方についてはいつもの公式ページを参考にします。

Contents

1 固定ページに完了画面（サンクスページ）を作る
2 footer.php（など）に追加します。
3 さいごに

固定ページに完了画面（サンクスページ）を作る

まずは、完了画面（サンクスページ）を作ります。

これは普通に固定ページで作ります。スラッグは「thanks」にしておきます。

footer.php（など）に追加します。

footer.phpなどfooter系のパーツにリダイレクト用のソースコードを追加します。

<?php if(is_page('contact')): ?>
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = '<?php echo esc_url ( home_url() ); ?>/thanks/';
}, false );
</script>
<?php endif; ?>

<?php if(is_page('contact')): ?>

document.addEventListener( 'wpcf7mailsent', function( event ) {

location = '<?php echo esc_url ( home_url() ); ?>/thanks/';

}, false );

</script>

<?php endif; ?>

必要なのはお問い合わせフォームだけなので、条件分岐でお問い合わせ(slugがcontactだった場合)ページのみに表示するようにします。

作業はこれだけです。

さいごに

別にお問い合わせフォームの完了画面って別途に必要なのか？って思ったりもするんですが、別途に用意したいというお客様は結構いるので、覚えておくとよいでしょう。