フォーム送信後、サンクスページに遷移する方法を調べてみると、いくつか方法がありました。
でも実際にやってみるとうまくいかず。。。
1時間頑張った結果、解決方法が分かったのでお伝えします。
フォーム送信後、サンクスページに遷移する方法
「jsファイル」にこのコードを入れる
/* ———————— 問い合わせ———————— */
$(function(){ document.addEventListener( ‘wpcf7mailsent’, function( event ) { location = ‘https://サンクスページ のURL’; }, false );});
こんな感じです。
$(function(){
document.addEventListener( 'wpcf7mailsent', function( event ) {
location = 'https://URL';
}, false );
});
でもこれだけではできなかったので、こうしたらできるようになりました。
jsにコードを入れたのにうまくいかない場合の対処法
私の場合はこれでうまくいったので、参考になると嬉しいです。
対処法
header.php ファイルの </head>の前に次のコードを入れる
<?php wp_head(); ?>
こんな感じです。
また、
footer.php ファイルの </footer>の前に次のコードを入れる
<?php wp_footer(); ?>
これが不足していたので、サンクスページ に飛びませんでした。
これを入れるとサンクスページに飛ぶようになったので、もし、サンクスページ 飛ばない!って思っている方は、試してみてください。
<?php wp_head(); ?>って何?
詳しくは知らないのですが、これを挿入すると、管理バーが表示されるようになりました。
↓管理バーとはこれのことです。
まとめ
①jsファイルに下記のコードを入れる
$(function(){
document.addEventListener( 'wpcf7mailsent', function( event ) { location = 'https://サンクスページ のURL'; },
false );});
②header.phpファイルの</head>の直前に下記のコードが入っているか確認!
<?php wp_head(); ?>
③footer.phpファイルの</footer>の直前に下記のコードが入っているか確認
<?php wp_footer(); ?>