メインコンテンツへスキップ

Documentation

Contact Form 7 の add confirm が使えないときの代替|確認画面を設定だけで復旧する方法

Contact Form 7(CF7)の確認画面アドオン「add confirm」が最新環境で動かない・送信できないときの代替と移行方法を解説。コード不要で設定画面だけで確認画面を復旧する方法と、自前JavaScript実装を、つまずきやすい点付きで比較します。無料で確認画面を取り戻せます。

Contact Form 7(CF7)で長く使われてきた確認画面アドオン「add confirm」が、ある日から確認画面を飛ばして送信されてしまう送信ボタンが反応しない——そんな状態に直面していないでしょうか。
原因の多くは、アドオンの更新停止とWordPress・PHP・CF7側の仕様変更のズレです。

この記事では、動かなくなった確認画面を設定だけで復旧する代替方法と、自前JavaScriptで作り直す方法を比較して解説します。
フォーム自体は作り直さずに、確認画面だけを取り戻せます。

なぜ add confirm で確認画面が動かなくなるのか

確認画面アドオンは、CF7の送信処理にJavaScriptとフックで割り込み、送信の直前に「確認ステップ」を差し込む仕組みです。
ここが繊細で、アドオンの更新が止まっている間にWordPress・PHP・Contact Form 7 がバージョンアップすると、想定していた挙動と噛み合わなくなります。
結果として、確認画面が表示されない・確認画面から先に進めない・確認をはさまず送信されてしまう、といった不具合が起きます。

問題は、確認画面が飛んだことに気づきにくいことです。
ユーザーは入力ミスに気づけず、誤った連絡先や途中送信のまま問い合わせが届きます。
見積もり依頼や予約フォームでは、1件の不備が商談の遅延に直結します。
動かなくなったまま放置するほど、取りこぼしが積み上がります。

方法1:Frontierline Forms に置き換える(設定だけ・おすすめ)

functions.php もJavaScriptも書かず、WordPress管理画面の設定だけで確認画面を復旧できます。
Frontierline Forms を使えば、既存のCF7フォームを作り直さず、次の手順で確認画面を取り戻せます。

確認画面・完了画面は 無料版 で利用可。Slack/Chatwork/スプレッドシート通知・メール自動返信・暗号化保存などの追加機能は Pro版 です。

手順

  1. バックアップと現状確認:サイトをバックアップし、add confirm で表示していた確認画面の項目や、送信・自動返信メールの設定を控えます。
  2. add confirm を無効化:不具合の出ているアドオンを停止し、確認画面の処理が二重に動かない状態にします。
  3. Frontierline Forms で確認画面を有効化:インストール・有効化し、設定画面で確認画面をオンにします。既存のCF7フォームに入力→確認→送信フローが復旧します。
  4. テスト送信:入力→確認→修正→送信→完了の流れと、ラジオ・チェックボックス・ファイル添付の表示を確認します。

CF7のフォーム定義([text][email] などのタグ)はそのまま活きるため、フォームを作り直す必要はありません。
ラジオボタン・チェックボックス・ファイル添付も確認画面で自動整形表示され、スマートフォンでの画面切替やスクロール位置も自動制御されます。
確認画面の設定項目や完了画面・リダイレクトの詳細は 確認画面・完了画面を追加する方法 で解説しています。

確認画面・完了画面の設定。トグルひとつで入力→確認→送信フローを有効化できる
設定画面で確認画面をオンにするだけで、動かなくなった確認画面を復旧できます。

方法2:自前JavaScriptで確認画面を作り直す(上級者向け)

アドオンを外して、確認画面を自前で再実装する方法もあります。
確認用の表示エリアと「確認する」ボタンをフォームに置き、JavaScriptで入力値を確認エリアへ流し込み、送信ボタンと切り替えます。
CF7のバリデーションと組み合わせる方法もあります。

ただし、次の点でつまずきやすいです。

  • 入力値の同期が面倒:確認画面へ値を反映し、修正で戻っても内容を保持する処理を自前で書く必要があります。
  • 複雑な項目の整形:ラジオ・チェックボックス・ファイル添付を見やすく整形するコードが膨らみます。
  • 保守がテーマに紐づく:JS・CSSがテーマ依存になり、テーマ変更や引き継ぎで壊れます。フォームごとにコードが分岐して属人化します。
  • 結局アドオンと同じ道をたどる:自前実装も、CF7やブラウザ仕様の変化に合わせて更新し続けなければ、いずれ動かなくなります。

名前とメールだけの単純なフォームなら自前でも作れますが、項目が多い・複数案件で使い回すなら、更新が続くプラグインへ置き換える方法1が現実的です。

add confirm のまま・自前JS・置き換えの比較

観点add confirm のまま自前JavaScriptFrontierline Forms へ置き換え
確認画面の表示不具合で不安定実装しだい設定でオン(安定)
コード保守不要だが更新は停止都度必要不要
既存フォームそのままそのままそのまま(作り直し不要)
複数案件での使い回し
更新・メンテナンス停止自己保守継続メンテ
費用無料無料(工数あり)無料〜

いま動いていないアドオンをそのまま使い続けるのはリスクが残り、自前実装は保守の手間が続きます。
設定だけで確認画面を安定して復旧したいなら、メンテナンスの続くプラグインへの置き換えが確実です。

まとめ

add confirm で確認画面が動かなくなる主因は、アドオンの更新停止とWordPress・PHP・CF7側の仕様変更のズレです。
放置すると確認画面が飛んで不完全な問い合わせが増えるため、早めの復旧が安全です。
自前JavaScriptでの再実装も可能ですが、値の同期や項目の整形、更新し続ける保守が重くなります。
既存のCF7フォームを作り直さず、設定だけで確認画面を取り戻したいなら、対応プラグインへの置き換えが速いです。

確認画面の復旧に加え、マルチステップフォーム送信ログのDB保存、Slack/Chatwork/スプレッドシート通知まで設定だけで実装したいなら、Frontierline Forms の導入を検討してください。

Frontierline Forms

この設定、管理画面のチェックだけで完了。

通知・送信ログ・CSV出力・マルチステップを、コードを書かず設定画面だけで実装。制作会社向けの5サイト/無制限ライセンスなら、複数案件のフォーム保守をまとめて巻き取れる。決済と同時にライセンスキーを即時発行。

価格・購入を見る → 機能の詳細