CF7 確認画面 Frontierline Forms for Contact Form 7

情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。プラグイン・タグ、いずれもワードプレス・PHPのバージョン等によって動作しない場合もあります。

Contact Form 7 に確認画面をつけるプラグインFrontierline Forms for Contact Form 7 を使ってみました。
*入力欄のページ分け・条件分岐などの機能もあります。


確認画面をつけるだけなら、「確認画面」にチェックを入れるだけで使えます。項目は自動で拾ってくれて、スタイルも設定されているので、すぐに使えます。
*Contact Form 7 デフォルトのフォームのようにフィールドが label タグで括られた形でないと項目を拾ってくれません。


↑確認画面と↓送信完了

Frontierline Forms for Contact Form 7

Contact Form 7 確認画面の選択肢

*入力フォームと確認画面のデザインをあわせたい場合は、入力フォームを確認画面に合わせて作成し、確認画面に表示したい項目はフィールドを括る形で、スタイルで非表示にすると↓こんな感じ

サンプル作ってみました。https://neko-taiyo.com/step-form-sample