【2021年最新版】WP★ContactForm7 送信後に異なる URL にリダイレクトさせる/カスタム DOM イベント使用

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
}

特定のフォームだけに設定する方法

コンタクトフォームのページが複数あって、ひとつのフォームだけに設定したい場合や、フォームごとに別の送信完了ページを表示させたい場合の設定方法です。

1. 固定ページで送信後に遷移するサンキューページを作る。
   検索されないようにヘッダー内にコードを設定しておきます。
   <meta name=”robots” content=”noindex”>
2. コンタクトフォームを配置した固定ページの編集画面でテキストモードにしてページ先頭に下記を追加します。前の手順で用意したサンキューページのURLに書き換えるのをお忘れなく！

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
     location = 'リダイレクトさせたい URL'; 
}, false ); 
</script>

参照サイト：https://def-4.com/contact-form-7-send-comp/

https://seous.info/wp-plugin/5922