Contact Form 7で完了ページを作成する方法

最近設定することがあったので、
Wordpressのプラグイン「Contact Form 7」でメールの送信を完了した後、
自動的に完了ページに切り替わる方法を記しておきます。

①完了ページを作る

固定ページでもなんでも大丈夫です。
サンクスページ等、表示したいページを自由に作成してください。

すでにある場合は飛ばして大丈夫です。

②Contact Form 7にて設定

WordPressの管理画面内の
コンタクトフォームの編集画面を開きます。

上記の「フォーム」タブ内に以下のスクリプトを追記してください。

<script>
document.addEventListener( ‘wpcf7mailsent’, function( event ) {
location = ‘https://送信完了画面のURL’;
}, false );
</script>

※子テーマを作成済みでしたら、上記のスクリプトを
header.phpもしくはfooter.php内に書き加えても大丈夫です。

③メッセージを編集する

完了ページへ飛ぶ設定はできたのですが、
このままだとメールを送信後、
完了ページに移るまでに

デフォルトのメッセージで
「送信ありがとうございました」と
画面に出てしまいます。

最後に、Contact Form 7の「メッセージ」タブで
メッセージが正常に送信された」ときのメッセージを
送信中」等に変えると違和感がなくなります。