WordPress でメールフォームの標準的プラグイン Contact Form 7 ですが、欠点として確認画面がない。というのがあります。
で、その欠点をカバーしてくれるプラグインが Contact Form 7 add confirm プラグインをいれて、確認ボタンと、戻って編集ボタンを柄するだけで、ささっと付け足せるので超便利です。
1 2 |
<p>[confirm][back]</p> <p>[submit "送信"]</p> |
ただし、[送信]ボタンをクリックしても、するするっと上に戻るだけなので利用者は戸惑うかもしれません。 そこで、次のように文言を入れておくといいです。
1 2 3 4 5 6 7 8 9 |
<div class="wpcf7c-elm-step1 wpcf7-mail-sent-ok"> 下記項目をご入力頂き、送信ボタンを押してください。 </div> <div class="wpcf7c-elm-step2 wpcf7-mail-sent-ok"> 再度、ご入力内容をご確認頂き、間違いなければ送信ボタンを押してください。 </div> <div class="wpcf7c-elm-step3 wpcf7-mail-sent-ok"> どもです! </div> |
クラスに設定している、 wpcf7c-elm-step1 は入力中のとき、 wpcf7c-elm-step2 は確認中の時、 wpcf7c-elm-step3 は送信後に表示する内容を入れておきます。
ベンリー!
サンプルです。