弊社のサイトでは問合せフォームに「Contact Form 7」を使用しているのですが、確認フォームの表示に「Contact Form 7 add confirm」を騙し騙し使用していました。
今のところ問題なく動作していたのですが、製品問合せページを追加することになり、問い合わせ完了(サンクス)画面の管理やらをいろいろ考え、「Contact Form 7 Multi-Step Forms」へ切り替えることにしました。
「Contact Form 7 Multi-Step Forms」の使用方法は、検索すれば多くのサイトで書かれているので、ここでは省略しますが、確認ページの設定で入力画面の値を表示する際に、入力のイメージに近い形にするために弊社で設定した方法を紹介します。
入力画面で
<label> 会社(組織)名 [text company] </label>
となっている場合、確認画面では
会社(組織)名 <input type="text" value="[multiform 'company']" disabled>
としています。
inputタグを使用して入力フォームに近い形にしていますが、disabled属性を付けているため送信に対象にはなりません。
また、
[previous "戻る"] [submit "送信] [multistep multistep-234 last_step send_email "/contact/complete/"]
のように、last_stepのフォームに遷移先を追加すれば、送信後に遷移してくれます。
コメント