Contact Form 7サンクスページの備忘録

WordPressのContact Form 7にサンクスページを実装する場合のメモ。

バージョン4.8以降はプラグインで実装するのが早いが、古い環境でやむを得ず・・・というケースも稀にあるので、備忘録に残しておく。

目次

バージョン4系

そもそものWordpressのバージョンが4.4未満で、CF7も古い環境。
on_sent_okが使えるので、CF7の「その他の設定」にコードを追加。

on_sent_ok: "location.replace('https://example.com/thanks');"

バージョン5.4以前

当該ページに直接挿入、またはfunction.phpへの記載のいずれかで対応。いずれも中身はjavascript。
wpcf7mailsentのトリガーでページ遷移。

ページjavascript挿入

当該ページにjavascriptを追加する方法

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
location = 'https://example.com/thanks/';
}, false );
</script>

function.phpへの追記

function.phpに記載する方法

//CF7サンクスページ
add_action( 'wp_footer', 'add_thanks_page' );
function add_thanks_page() {
echo <<< EOD
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
  location = 'https:/example.com/thanks/'; /* サンクスページのURL */
}, false );
</script>
EOD;
}

バージョン5.4.1(2021年4月末リリース)以降

Redirection for Contact Form 7あたりのプラグインで実装(バージョン4.8以降のCF7に対応)

  • URLをコピーしました!
  • URLをコピーしました!

WHO WROTE

komadairaのアバター komadaira 代表社員・COO

地方テレビ局、歯科コンサル、中堅SIerを経て独立。ダイヤルアップ接続の時代にHTMLに魅せられ、なんだかんだ10年以上WEB制作に関わり続けている。

目次