【コピペOK】Contact Form 7でサンクスページを作成する方法

Contact Form 7で作成したお問い合わせフォームは、デフォルトのままだとサンクスページがありません。

お問い合わせ送信後にこのようなメッセージは表示されますが、これだけだとちゃんと送信されているのか不安になりますよね。

この記事では、Contact Form 7でサンクスページを作成する方法について解説します。

簡単に作れますので、この記事の手順通りにサンクスページを作ってみてください♪

Contact Form 7でサンクスページを作成する方法

まず、固定ページでこのようなサンクスページを作成します。
WordPressの固定ページ編集画面を開き、タイトルと本文を以下のように入力します。
パーマリンクを「thanks」とし、公開します。
続いて、Contact Form 7の編集画面を開きます。
以下のコードをコピーして、[submit “送信”]の下に貼り付けます。
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
location = 'サンクスページのURL';
}, false );
</script>
3行目の「サンクスページのURL」をあなたのブログのサンクスページのURLに書き換えて、「保存」します。

以上で完了です。お問い合わせフォームが送信されると、このようなサンクスページが表示されるようになりました。

送信直後に表示されるメッセージを変更する方法

サンクスページの設定をしていても、お問い合わせフォームを送信した直後にチラッとデフォルトのメッセージが表示されます。

ほんのわずかな時間なので気にならないかもしれませんが、これも簡単にメッセージ内容を編集できるので変えておきましょう。

Contact Form 7の編集画面から「メッセージ」タブを開き、「ありがとうございます。メッセージは送信されました。」の文章を変更するだけです。

例えば、「メッセージを送信しています。」に変更すると、自然な流れでサンクスページが表示されますよ。