Web制作

Contact Form7で選択内容に応じて異なるサンクスページを出す方法

変更を適用させたい選択項目(セレクトボックスとかラジオボタン)にidを振ってあげて(下記の場合「contact-about」)、
以下をcontact form7のフォームの最下部に埋め込む。

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
 selboxValue = document.getElementById("contact-about").value;
 if (selboxValue == "お問い合わせ") {
  location = '/thanks/';
 }else if(selboxValue == "資料請求"){
  location = '/thanks-request/';
 }else if(selboxValue == "体験申し込み"){
  location = '/thanks-activity/';
 };
}, false );
</script>

んで、それぞれのサンクスページを固定ページで作っといてあげる。以上。

TOP