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

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

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

INDEX

バージョン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をコピーしました！

CONSULTATION

機能の追加・業務効率化・見た目や動線の改善——「もっと楽に更新したい」もご相談ください。

プラグインの導入や移行だけでなく、申込の自動処理・一括登録などの機能追加、更新の手間を減らす仕組み、UI・動線の改善、AI 検索対策、スポット修正まで。「作り直すほどではないが、何とかしたい」段階で構いません。今のサイトの URL を添えてご相談ください。

相談してみる

この記事を書いた人

Shinpei Okada

合同会社LOFIR 代表 / エンジニア。中学生のころ、HTML を手打ちしてホームページを作り、検索ロボットが巡回してくれる前の——Yahoo! に電話帳のように「登録申請」していた時代から Web に関わってきました。以来、メディア運営、コンサルティング、システム開発、制作チームのマネジメントを経て、2022 年に合同会社 LOFIR を設立。いまは中小企業の Web 制作・コンテンツ SEO・AI 導入支援を、自社開発の AI ワークフロー基盤「MIMIR」（n8n × Notion × 各社 LLM・40 以上の機能を 365 日稼働）と Claude Code で回しながら手がけています。このブログには、実際に手を動かして分かったことだけを書いています。