Contact Form 7に確認画面を追加するWordPressプラグイン「Contact Form 7 add confirm」

Contact Form 7に確認画面を追加するWordPressプラグイン「Contact Form 7 add confirm」

Contact Form 7に確認画面を追加するWordPressプラグイン「Contact Form 7 add confirm」
  • シェアしてね♪
  • このエントリーをはてなブックマークに追加


  • Youtube動画変換・ダウンロードおk!
  • このエントリーをはてなブックマークに追加

Contact Form 7 add confirmは、Contact Form 7のお問い合わせページに、確認画面を設置することができるWordPressプラグインです。アイティーエー株式会社さんが作成しています。

お問い合わせを送信する前に確認画面を経由するので、誤送信を減らすことができますね。

スポンサードリンク

Contact Form 7 add confirmのインストール

プラグインのインストール手順は以下の通りです。

  1. Contact Form 7 add confirmをダウンロードします。
  2. ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
  3. 管理画面の[プラグイン]ページで、Contact Form 7 add confirmプラグインを有効化します。

お問い合わせフォームの設定

管理画面の[お問い合わせ]にアクセスして、設置しているフォームの編集画面にアクセスしましょう。

Contact Form 7 add confirmを有効化すると、Contact Form 7のタグ作成に「確認ボタン」と「戻って編集ボタン」が追加されます。

「確認ボタン」と「戻って編集ボタン」が追加されます。

それぞれのボタンを設置すると、最初の画面では「確認ボタン」だけが表示され、「戻って編集ボタン」や「送信ボタン」は非表示になります。

「確認ボタン」をクリックすると、フォーム内の各要素が”readonly” “disabled”となって、表示されるボタンが「戻って編集ボタン」「送信ボタン」に切り替わります。

また、以下のクラスを追加することで、各ページの文言を変えたりすることも可能です。

入力画面のみで表示する:wpcf7c-elm-step1
確認画面のみで表示する:wpcf7c-elm-step2
完了画面のみで表示する:wpcf7c-elm-step3

あとがき

Contact Form 7は便利だけど、確認画面が設置できたらなー、とお思いの方も多いのではないでしょうか。そんな願いを叶えてくれる素敵なプラグインですね。

なお、完了画面を別のページにしたい場合は、Contact Form 7でお問い合わせ時にサンクスページを表示させる方法をご参照ください。

この記事が気に入ったら
いいね!してね♪

Twitter で
スポンサードリンク

関連記事

コメントを残す

メールアドレスが公開されることはありません。