コンタクトフォーム7 完了画面(サンクスページ)設定方法

U3
2018/11/13
2024/11/7

参考:https://haniwaman.com/contact-form-7-add-page/#i-5


サンクスページを作る。


下記をfunctions.phpに記載


add_action( 'wp_footer', 'add_thanks_page' );
 function add_thanks_page() {
 echo <<< EOD
 
 document.addEventListener( 'wpcf7mailsent', function( event ) {
 location = 'https://###.com/thanks/'; /* 完了ページのURL */
 }, false );
 
 EOD;
 }


お問い合わせフォームごとにサンクスページを分けたい場合

ページIDを調べる

固定ページ一覧でタイトルにマウスオーバーすると、ブラウザ下部にURLが表示される。post=2156などと表示されていれば、ページIDは2156となる。


※Safari等、ここに表示されないブラウザもあるが、リンクをクリックすればアドレスバーに同じものが表示される。


add_action( 'wp_footer', 'add_thanks_page' );
function add_thanks_page() {
if( get_the_ID() == '2156' ) {
echo 
document.addEventListener( 'wpcf7mailsent', function( event ) {
  location = 'https://EEE.com/thanks/'; /* 完了ページのURL */
}, false );

EOD;
}
if( get_the_ID() == '○○○' ) { /* ページID */
echo 
document.addEventListener( 'wpcf7mailsent', function( event ) {
  location = '○○○'; /* 完了ページのURL */
}, false );

EOD;
}
}



コメント

コメントはまだありません。