Contact From7で送信完了ページを作成する方法

今回はWordPressのお問い合わせフォーム作成プラグイン「Contact From7」でお問い合わせを送信した後に送信完了を知らせるページを作る方法を紹介します。

送信完了ページを作ることで送信されたか不安になって何度も読み込んで送信してしまうといった事態を未然に防ぐことができます。

 

送信完了ページを作成する方法

送信完了ページは固定ページで作成します。今回は送信完了ページをhttps://knoweb.net/send-completedとします。

送信完了ページに移動するコードをfunctions.phpに記述します。

以下のコードをコピペしましょう。

add_action( 'wp_footer', 'mycustom_wp_footer' );
 
function mycustom_wp_footer() {
?>
<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'https://knoweb.net/send-completed/';
}, false );
</script>
<?php
}

 

locationの部分は各自自分の送信完了ページのURLを記述してください。

 

一部のお問い合わせフォームにだけ送信完了ページを作成する場合

お問い合わせフォームが複数ある場合や、お問い合わせフォームによって送信完了画面を複数用意する場合は、送信完了ページの最初に以下のコードを記述します。

テキスト編集モードにしてからコピペしてくださいね。

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'https://knoweb.net/send-completed/';
}, false );
</script>

 

同じくURLはそれぞれの固定ページのURLに変更してください。

 

まとめ

自分で試しにテストしてみて正常にページ移動ができれば大丈夫でしょう。

やっていることは固定ページを新たに作ってコードをコピペするだけです。

簡単に作れるのでぜひ作ってみてください。