Contact Form 7 プラグインで、送信完了後にサンキューページに遷移する方法を紹介しましたが、プラグインの仕様変更で設定方法が変わりましたので、改めて紹介します。
このページのもくじ
子テーマのfunctions.phpにコードを追記
Contact Form 7 で作成したフォームの「送信」ボタンを押して、送信が完了したら「リダイレクトさせたい URL」ページに移動するコードです。
子テーマのfunctions.phpにコードを追記します。
add_action( 'wp_footer', 'mycustom_wp_footer' );
function mycustom_wp_footer() {
?> <script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event
) {
location = 'リダイレクトさせたい URL';
}, false );
</script>
<?php
}特定のフォームだけに設定する方法
コンタクトフォームのページが複数あって、ひとつのフォームだけに設定したい場合や、フォームごとに別の送信完了ページを表示させたい場合の設定方法です。
- 固定ページで送信後に遷移するサンキューページを作る。
検索されないようにヘッダー内にコードを設定しておきます。
<meta name=”robots” content=”noindex”> - コンタクトフォームを配置した固定ページの編集画面でテキストモードにしてページ先頭に下記を追加します。前の手順で用意したサンキューページのURLに書き換えるのをお忘れなく！
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
location = 'リダイレクトさせたい URL';
}, false );
</script>