Contact Form 7 で確認画面を表示する

WordPress でメールフォームの標準的プラグイン Contact Form 7 ですが、欠点として確認画面がない。というのがあります。

で、その欠点をカバーしてくれるプラグインが Contact Form 7 add confirm プラグインをいれて、確認ボタンと、戻って編集ボタンを柄するだけで、ささっと付け足せるので超便利です。

ただし、[送信]ボタンをクリックしても、するするっと上に戻るだけなので利用者は戸惑うかもしれません。 そこで、次のように文言を入れておくといいです。

クラスに設定している、 wpcf7c-elm-step1 は入力中のとき、 wpcf7c-elm-step2 は確認中の時、 wpcf7c-elm-step3 は送信後に表示する内容を入れておきます。

ベンリー!

サンプルです。

    下記項目をご入力頂き、送信ボタンを押してください。

    再度、ご入力内容をご確認頂き、間違いなければ送信ボタンを押してください。

    どもです!

    お名前 (必須)

    メールアドレス (必須)

    題名

    メッセージ本文

    タイトルとURLをコピーしました