情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。プラグイン・タグ、いずれもワードプレス・PHPのバージョン等によって動作しない場合もあります。
メールフォームContact Form 7 に確認画面を実装するいくつかの方法
- Contact Form 7 Multi-Step Forms
-
確認画面用のフォームを作成するので、入力画面の通り、または記述を変えることも可能。
無料版は送信容量に制限があるので、実用には有料版が必要。 - Confirm Plus Contact Form 7
-
フォームでlabel がついている項目、または指定のクラスをつけた項目を拾って確認画面を作成してくれるプラグイン。
テーブル表示のみなのでフォーム画面と同じ表示は難しい場合もあります。https://wcpn.jp/2021/10/13/cf7confirmplus/
- モーダル・ポップアップで表示
- jQuery で入力された値を取得してポップアップなどで表示する。
フィールドにIDを付ける必要があるので、フォームごとにコードを作成する必要がありますが、Advanced Custom Fields のリピーターを利用して追加・変更が可能なように設定することもできます。*デザイン通りの確認画面にしたい、有料プラグインを使用したくない、というときの解決策。
- スタイルシートで表示を変える
- jQuery でクラスを変えることで表示を変える。
ある程度汎用の設定が可能。