【WordPress】Contact Form 7で送信完了ページに遷移・移動する方法

WordPressプラグイン「Contact Form7」のお問い合わせフォームから”送信完了ページ”に遷移させるのに

on_sent_ok: "location = '送信完了ページURL';"

を使っていましたが、2017年に非推奨・廃止されて使えなくなっていました。

このページでは、「on_sent_ok」に代わる新たな”送信完了ページに遷移する方法”を紹介します。

送信完了ページに遷移する方法

まず、WordPressの「外観」→「テーマの編集」→「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
}

※送信完了ページURLは変更してください。

functions.phpを変更するときは、必ずバックアップを行いましょう。万が一、ファイルを更新した後、画面が真っ白になっても、すぐにFTPソフトで変更前の状態に戻すことができるように、準備することをオススメします

「header.php」に貼り付ける場合

functions.phpを編集したくない場合は、WordPressの「外観」→「テーマの編集」→「header.php」の<head>タグ内に次のコードを貼り付けてもOKです。

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = '送信完了ページURL';
}, false );
</script>
Googleタグマネージャーを利用して、お問い合わせフォームのページだけスクリプトが動作するようにしてもいいでしょう。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

サラリーマンをしながら、当ブログを運営していましたが、2018年に独立し現在はフリーランスとして活動しています。今まで、数々のWebサイト・ブログを構築してきました。このブログでは、今までの経験で得た知識を活かし、Web制作・SEO関連を中心に、最新のIT関連ニュースを発信していきたいと思います。