Contact Form 7に確認画面をつける

Contact Form 7プラグインと合わせて、「Contact Form 7 add confirm」プラグインを利用することで、Contact Form 7のフォームに簡単に確認画面をつけることができます。

利用方法

  1. WordPressにContact Form 7 add confirmをインストールして、有効化します。
  2. フォーム編集画面で確認、前に戻るボタンを追加します。
    ex. [confirm "確認する"][back "戻る"][submit "送信"]

その他の設定

入力画面、確認画面のみで表示したい要素がある場合は下記のクラスを設定することで非表示にできます。

入力画面のみで表示したい要素(確認画面、完了画面では表示されません)

wpcf7c-elm-step1

例:

<p class="wpcf7c-elm-step1">[confirm "確認する"]</p>

確認画面のみで表示する要素(入力画面、完了画面では表示されません)

wpcf7c-elm-step2

例:

<p class="wpcf7c-elm-step2">[back "戻る"][submit "送信"]</p>

完了画面のみで表示する要素(入力画面、確認画面では表示されません)

wpcf7c-elm-step3

例:

<p class="wpcf7c-elm-step3">お問い合わせ誠にありがとうございました!</p>

参考:Contact Form 7に確認画面をものすごく簡単に付けられるプラグイン また、http://crossinthenight.com/wordpress/925/ の方法で別途投稿完了ページを作成できるようです。