Contact Form 7 Multi-Step Formsへ切り替え

弊社のサイトでは問合せフォームに「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のフォームに遷移先を追加すれば、送信後に遷移してくれます。