ContactForm7を自作のサンクスページに飛ばす

ContactForm7はサンクスページがなくて

テスト送信してみたのですが、入力完了した後のページ。

あれ。送信できてないのかな?と思ったら、送信できてるんです。
入力フォームの送信ボタンの下に「ありがとうございました」が。

これはわかりにくいのでなんとかしたい。プラグイン使わずにできるかなーと思って調べてみると

送信後に異なるURLにリダイレクトさせるには

👆と、公式に書いてあったので、入力フォームの固定ページ同様にサンクスページを簡易的に作成、そちらに飛ばすべく

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'http://ドメイン名/飛ばしたいページ名/';
}, false );
</script>

JSでリダイレクトさせようとしたのですが。

飛ばないんだが

なんで。なんでわたしだけ飛ばないんだろう。

ContactForm7のcssとjsがフォームじゃない全てのページに読み込まれていたので、邪魔だから消しておりました。

add_filter('wpcf7_load_js', '__return_false');
add_filter('wpcf7_load_css', '__return_false');

それは飛ばないよね。

CONTACTページだけJSファイルを読み込んで、それ以外のページでは読み込まないようにしました。CSSは使ってないから読み込みません。

function my_enable_cf7_js() {
    if( is_page( 'contact' )  ) {
        if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
            wpcf7_enqueue_scripts();
        }
    }
}
add_action( 'wp_enqueue_scripts', 'my_enable_cf7_js' );

これで飛びました。やった。

こちらもおすすめです◎

SHARE

  • *
  • *
  • *