WordPressのメールフォームで使ってる、プラグインContact Form 7は「送信完了」が分かりにくいので、サンクスページを作成し送信完了画面表示にしました。
1）固定ページで「thanks」ページ作成
「送信完了」画面作成
2）functions.phpに追記
//Contact form 7 thanks遷移
add_action( ‘wp_footer’, ‘add_thanks_page’ );
function add_thanks_page() {
echo <<< EOD
<script>
document.addEventListener( ‘wpcf7mailsent’, function( event ) {
location = ‘https://○○○.org/○○○/?page_id=6777’;
}, false );
</script>
EOD;
}
テストするにサンクスページに遷移せず。
ネットをググって調べるにInvisible reCaptchaが影響しているもよう
3）プラグインInvisible reCaptchaの設定変更
Invisible reCaptchaのお問い合わせフォーム保護設定 Contact Form 7の保護を有効化 チェックを外す
4）プラグインContact form 7 インテグレーション設定
お問い合わせ ＞ 外部 API とのインテグレーション ＞ reCAPTCHA ＞ インテグレーションのセットアップ
サイトキーとシークレットキーを設定
テストするにサンクスページに遷移OK
reCAPTCHA保護マークがサイトの右下に表示され、問い合わせページ以外にも表示される。
5）保護マークを非表示
下記文書をお問い合わせページ下部に設定
<div class=”blank-box sticky st-green”>このサイトはreCAPTCHAによって保護されており、Googleの<a href=”https://policies.google.com/privacy”>プライバシーポリシー</a>と<a href=”https://policies.google.com/terms”>利用規約</a>が適用されます。</div>
6）CSSに非表示設定追加
/* 右下のreCAPTCHAのバッチを削除 */
.grecaptcha-badge {
visibility: hidden;
}
