Contact Form 7 add confirmは、Contact Form 7のお問い合わせページに、確認画面を設置することができるWordPressプラグインです。アイティーエー株式会社さんが作成しています。
お問い合わせを送信する前に確認画面を経由するので、誤送信を減らすことができますね。
Contact Form 7 add confirmのインストール
プラグインのインストール手順は以下の通りです。
- Contact Form 7 add confirmをダウンロードします。
- ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
- 管理画面の[プラグイン]ページで、Contact Form 7 add confirmプラグインを有効化します。
お問い合わせフォームの設定
管理画面の[お問い合わせ]にアクセスして、設置しているフォームの編集画面にアクセスしましょう。
Contact Form 7 add confirmを有効化すると、Contact Form 7のタグ作成に「確認ボタン」と「戻って編集ボタン」が追加されます。
それぞれのボタンを設置すると、最初の画面では「確認ボタン」だけが表示され、「戻って編集ボタン」や「送信ボタン」は非表示になります。
「確認ボタン」をクリックすると、フォーム内の各要素が”readonly” “disabled”となって、表示されるボタンが「戻って編集ボタン」「送信ボタン」に切り替わります。
また、以下のクラスを追加することで、各ページの文言を変えたりすることも可能です。
入力画面のみで表示する：wpcf7c-elm-step1
確認画面のみで表示する：wpcf7c-elm-step2
完了画面のみで表示する：wpcf7c-elm-step3
あとがき
Contact Form 7は便利だけど、確認画面が設置できたらなー、とお思いの方も多いのではないでしょうか。そんな願いを叶えてくれる素敵なプラグインですね。
なお、完了画面を別のページにしたい場合は、Contact Form 7でお問い合わせ時にサンクスページを表示させる方法をご参照ください。