未分類

【Contact form 7】サンクスページへ移動しない時の対処法

フォーム送信後、サンクスページに遷移する方法を調べてみると、いくつか方法がありました。

でも実際にやってみるとうまくいかず。。。

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(); ?>