WordPress プラグイン無料 · 近日公開

Minaoshi Confirm Stepfor Contact Form 7

Contact Form 7 のフォームに、入力内容の確認画面を追加します

ページを移動せず、同じ場所で入力 → 確認 → 送信と切り替わります。

公開のお知らせを受け取る

無料 · WordPress 6.5 以上・Contact Form 7 6.x

確認画面。入力した名前・メールアドレス・問い合わせ種別などが文字で並び、下に「戻る」「送信する」ボタンがある
確認画面(テスト環境の実画面)

画面

入力画面。フォームの下に「確認する」ボタンがある
入力画面(確認ボタン)
確認画面。入力した値が文字で表示され、「戻る」「送信する」ボタンがある
確認画面(値を文字で表示)

できること

  • 先に入力チェック

    確認ボタンを押すと、まず Contact Form 7 本体の入力チェック(必須・メール形式・ファイル・同意)を通します。エラーがあれば確認画面へ進みません。

  • 確認画面では何も送らない

    メール送信、スパム判定、Flamingo などへの保存は、最後に「送信」を押したときに 1 回だけ行います。保存系の連携で二重に記録されることがありません。

  • 表示方法を選べる

    入力欄を隠して値を文字で見せる表示と、入力欄をその場で読み取り専用にする表示から選べます。

  • 添付ファイル・同意・クイズにも対応

    確認画面と入力画面を行き来しても、選んだファイルや同意のチェックは残ります。

  • JavaScript が無いときは通常送信

    確認・戻るボタンを隠し、Contact Form 7 の 1 段階の送信に戻ります。

  • 外部通信なし

    設定の保存もしません。タグを 2 つ置くだけで使えます。

使い方

フォームの送信ボタンの近くに、タグを 2 つ追加します(フォーム編集画面のタグ生成ボタンからも入れられます)。

[minaoshi_back "戻る"] [minaoshi_confirm "確認する"] [submit "送信する"]

入力画面では確認ボタンだけ、確認画面では戻るボタンと送信ボタンだけが表示されます。特定の段階だけに見せたい要素には、クラス minaoshi-step-input・minaoshi-step-confirm・minaoshi-step-complete を付けます。

以前の確認画面アドオンからの乗り換え

以前の確認画面アドオン向けに書かれたフォーム([confirm] [back] タグと wpcf7c- で始まるクラス名)は、書き換えずにそのまま動きます。

  1. 以前のアドオンを停止します(有効なままだと、二重に動かないよう本プラグインの互換モードは自動で止まり、その旨を管理画面に表示します)。
  2. Minaoshi Confirm Step を有効化します。
  3. フォームのページで、入力 → 確認 → 戻る → 送信の流れを一度試します。

確認画面の状態を wpcf7submit イベントで見ている計測用のスクリプトなども、そのまま動くようにしてあります。

このプラグインは Contact Form 7 の開発元、および以前のアドオンの作者とは関係がありません。以前のアドオンのコードは含んでいません。

有料版(予定)

無料版は単独で完結します。多段フォームの進捗表示、問い合わせ番号の自動採番、Flamingo の保存期間を過ぎた記録の自動削除、制作会社向けライセンスを、別の有料アドオンとして予定しています。

よくある質問

確認ボタンを押した時点でメールが送られることはありますか?
ありません。確認ボタンは入力チェックだけを行います。メールは確認画面で「送信」を押したときに送られます。
reCAPTCHA や Turnstile と一緒に使えますか?
Contact Form 7 に組み込まれた reCAPTCHA v3 と Cloudflare Turnstile は、最後の送信のときだけ判定されるように作っています(実際のキーを使った確認は公開前に行います)。
1 ページに複数のフォームがあっても動きますか?
はい、フォームごとに独立して動きます。
動作環境は?
WordPress 6.5 以上、PHP 7.4 以上、Contact Form 7 6.x です。

入手方法

現在の状況: 近日公開。WordPress.org で公開されたら、このページにリンクを載せます。

公開をメールで受け取りたい方は、アドレスを登録してください(Minaoshi Confirm Step for Contact Form 7 の公開のお知らせ以外には使いません)。

公開や予約開始のお知らせだけに使います。 プライバシーポリシー