Contact Form 7でサンクスページを設定する方法!リダイレクト・複数ページ対応まで徹底解説

2025年8月23日

お問い合わせフォームを送信した後に表示される「サンクスページ」は、ユーザーに安心感を与えるだけでなく、商品ページや資料請求への誘導にも使える重要な要素です。しかし、Contact Form 7を使うと「サンクスページが飛ばない」「リダイレクトができない」と悩む人も少なくありません。本記事では、WordPressで人気のプラグインContact Form 7を用いたサンクスページ設定方法から、複数ページ対応、トラブル解決までを徹底的に解説します。これを読めば、業務効率を高めつつ顧客体験を向上させるフォーム運用が実現できますよ。

サンクスページを設定する必要性はどこにあるのか？

なぜサンクスページが重要なのか

フォーム送信後に何も表示されないと、ユーザーは「ちゃんと送れたのかな？」と不安になります。この小さな不安が積み重なると、問い合わせ離脱や信頼性の低下につながることがあります。サンクスページは「送信が完了しました」と伝えるだけでなく、次のアクション（資料ダウンロード、LINE登録、商品ページ遷移など）を促す役割を持っています。言い換えれば、単なる完了画面ではなく「コンバージョン強化の場」でもあるのです。

実際のビジネス現場での活用事例

ある不動産会社では、問い合わせ後のサンクスページに「物件資料をダウンロードする」ボタンを設置しました。その結果、通常のフォーム送信から資料請求への移行率が30％向上したというデータがあります。また、BtoB企業ではホワイトペーパーのダウンロードを促すことで、営業に活用できる見込み顧客情報を効率的に収集できるようになったケースもあります。

他業種や海外との比較

海外ではサンクスページを「Thank You Page」と呼び、フォーム完了後の顧客体験設計に重きを置いています。特にECサイトやSaaS企業では、サンクスページにアップセルやクロスセルの導線を置くのが一般的です。日本でも今後、単なる完了通知ではなくマーケティング施策の一部としての活用が広まっていくでしょう。

メリットとデメリット

メリットは顧客の不安を解消できる点と、追加行動を促せる点です。逆に、適当に作ったサンクスページは逆効果になる可能性があります。例えば、デザインが崩れている、表示が遅い、スマホ非対応などの場合、信頼を損なうリスクがあります。つまり「用意すれば良い」ではなく「設計が重要」なのです。

Contact Form 7でサンクスページを設定する方法

実装の基本手順

Contact Form 7は標準機能だけでは自動的にサンクスページへリダイレクトできません。そのため、主に以下の方法が使われます。

JavaScriptを使う方法
送信完了後にサンクスページへ飛ばすスクリプトを記述する方法です。シンプルですがテーマ編集が必要になります。
プラグインを活用する方法
「Redirection for Contact Form 7」といった専用プラグインを導入すると、管理画面から簡単にリダイレクト先を設定できます。
functions.phpにコードを追加する方法
フック（イベント処理の仕組み）を使って、送信後に任意のURLへ飛ばすコードを書くことも可能です。開発経験がある方向けの方法です。

実践シナリオ

例えば、BtoBサイトで「セミナー申込フォーム」を設置する場合、送信後に「申し込みありがとうございます。Zoomリンクをこちらからダウンロードしてください」と案内するサンクスページへ飛ばすのがベストです。これにより、ユーザーはすぐに参加準備ができ、運営側も手動で案内メールを送る手間を減らせます。

注意点と失敗事例

よくある失敗は「contact form 7 サンクスページ飛ばない」というケースです。これは、キャッシュ系プラグインやJavaScriptの競合が原因でリダイレクトが効かないことがあります。また、サンクスページのURLを間違えて設定している例も多く、運用初期は必ずテスト送信を繰り返す必要がありますよ。

リダイレクトがうまくいかないときの解決策

よくある原因

JavaScriptが他のプラグインと競合している
サンクスページURLの入力ミス
キャッシュやCDNによる遅延
サイトのHTTPS化が不完全で混在コンテンツになっている

実践的な解決方法

プラグインを優先的に使う
コード管理に自信がない場合は「Redirection for Contact Form 7」を使うのがおすすめです。管理画面から直感的に設定でき、複数フォームのリダイレクトも一括管理できます。
ブラウザキャッシュをクリアして再テストする
保存した設定が反映されないときは、キャッシュの影響を疑いましょう。
ステージング環境で検証する
本番環境でいきなり導入せず、テスト環境で動作確認をするとトラブルを未然に防げます。

実例紹介

あるECサイトでは、サンクスページが飛ばない問題が発生していました。原因はセキュリティ系プラグインがJavaScriptの動作を制限していたこと。Redirection for Contact Form 7を導入したところ、スムーズに解決でき、問い合わせ完了率が改善しました。

確認画面を自作する方法

なぜ確認画面が必要なのか

Contact Form 7は標準で確認画面機能を持っていません。そのため、入力ミスがあってもそのまま送信されてしまうケースがあります。BtoBの商談依頼やイベント申込など、正確な情報が求められるフォームでは確認画面がある方が安心ですよね。ユーザーに「入力内容を確認してください」とワンクッション置くことで、誤送信を防ぎ、業務側の負担も減らせます。

確認画面の自作手順

確認画面を作るには大きく2つの方法があります。

専用プラグインを利用する
「Confirm WP for Contact Form 7」などの拡張プラグインを導入すれば、入力画面→確認画面→送信完了画面という流れを簡単に実装できます。
JavaScriptで自作する
送信ボタンを「確認する」ボタンに差し替え、入力内容を別画面に表示する仕組みを作成します。こちらは開発知識が必要ですが、細かいデザイン調整が可能です。

注意点と失敗事例

ある教育機関では、確認画面を導入せずに申し込みフォームを公開したところ、誤ったメールアドレス入力が多発しました。その結果、参加案内が届かない問い合わせが増え、運営工数が大幅に増加。確認画面を後から追加したことで誤送信率が40％減ったという実例があります。

複数のサンクスページを使い分けるコツ

なぜ複数必要なのか

サービスや商品が複数ある企業では、フォームの種類ごとに異なるサンクスページを用意するのが効果的です。例えば、資料請求と無料トライアルでは、案内する次のステップが異なりますよね。ユーザーごとに最適化された完了画面を出すことで、成約率を高めることができます。

実装のポイント

フォームごとにリダイレクト先を変える
Redirection for Contact Form 7を使えば、各フォームに対して個別のURLを設定可能です。
ユーザー属性に応じて出し分ける
応用編では、送信内容に基づきリダイレクト先を条件分岐させることもできます。たとえば、法人か個人かを選択した内容によって、案内ページを変える仕組みを作ることが可能です。

失敗しやすい落とし穴

「contact form 7 サンクスページ複数」の設定をしようとして、全フォームが同じサンクスページに飛んでしまうトラブルはよくあります。これは、テーマに直接コードを埋め込んで一括処理しているのが原因。フォーム単位で設定できるプラグインを使うのが安全ですよ。

multi-step formsでサンクスページを設定する方法

multi-step formsとは

「multi-step forms」とは、複数ページに分けて入力するタイプのフォームのことです。例えば、1ページ目で基本情報、2ページ目で詳細、最後に確認→送信→サンクスページという流れです。長い入力フォームを分割することで、ユーザーの離脱率を下げられるメリットがあります。

サンクスページ設定の流れ

Contact Form 7専用の拡張プラグイン「Contact Form 7 Multi-Step Forms」を導入
各フォームを分割して作成し、ショートコードでつなげる
最終フォームの送信後にリダイレクト先を設定し、サンクスページを表示

実際の事例

あるITスクールでは、無料体験申込フォームをmulti-step化しました。1ページで全情報を入力させるよりも離脱率が20％減少し、申込数が増加。そのうえで最終的なサンクスページに「受講マニュアルをダウンロード」ボタンを設置することで、参加意欲を高めることに成功しました。

注意点

multi-step formsは便利ですが、途中でページを閉じられると未送信データが残りません。そのため、進捗を自動保存できる仕組みや、ページ離脱時の警告を出すなど工夫が必要です。

業務効率を高める活用事例

サンクスページは単なる完了通知ではなく、業務効率化や売上拡大に直結する場面でも活用できます。

営業の工数削減
BtoB企業では、サンクスページに「よくある質問」と回答をまとめるリンクを配置。問い合わせ後の確認メールが減少し、営業チームの負担を軽減できたケースがあります。
マーケティング連携
サンクスページにコンバージョンタグを設置すれば、広告効果の計測やリマーケティング配信が可能になります。Google広告やMeta広告との相性も良く、効率的に予算を使えますよ。
クロスセル導線の強化
ECサイトでは、サンクスページに「この商品を購入した人はこんな商品もチェックしています」と表示する仕組みを導入。追加購入率が上がり、売上アップにつながった例もあります。