こんにちは。
ヲタ活資金の作り方ガイドのromiromiです
今回は、
問い合わせフォームに、確認画面を追加できるプラグイン
【Contact Form 7 add confirm】のインストールと設定方法を解説していきます。
【Contact Form 7 add confirm】には、ディフォルトでは、確認画面がついていません。
送信ボタンを押したら、すぐに送信されてしまいます。
お問い合わせフォームに、確認画面を設けることで、送信前に確認することができ、入力ミスを少なくするのに役立ちます。
それに、スパムメールの防止にも役立ちます。
問い合わせフォームのプラグイン【Contact Form 7】を導入している前提での解説になりますので、
導入がまだの方は、下記を参考に導入してください。
それでは、早速作業に移ります。
目次
【Contact Form 7 add confirm】をインストールする
ダッシュボードのメニューから、
【プラグイン】⇒【新規追加】をクリックします。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2017-10-10_15h21_50.png)
キーワード検索欄に、【Contact Form 7 add confirm】と入力します。
コピペでもOKです。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2017-10-20_23h07_20.png)
【今すぐインストール】をクリックします。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2017-10-20_23h07_41.png)
続けて、【有効化】をクリックします。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2017-10-20_23h08_13.png)
インストールと有効化が完了しました。
お問い合わせフォームの編集
それでは、すでに設定済のお問い合わせフォームの編集に移ります。
ダッシュボードのメニューから、
【お問い合わせ】⇒【コンタクトフォーム】をクリックします。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2017-10-20_23h18_48.png)
使用している、お問い合わせフォームをクリックします。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2017-10-20_23h21_02.png)
コンタクトフォームの編集画面が表示されます。
【確認ボタン】【戻って編集ボタン】が追加されました。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2017-10-20_23h22_56.png)
確認ボタンを追加する
まずは、【確認ボタン】を追加していきます。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2017-10-20_23h27_41.png)
①[submit “送信”]の前にカーソルを持って行き、クリックします。
②の【確認ボタン】をクリックします。
確認ボタンの生成画面が表示されます。
①ラベル部分に「確認画面へ」と入力後、②の【タグを挿入】をクリックします。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2017-10-20_23h31_26.png)
元に戻って、【確認画面へ】が追加されたことを確認してください。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2017-10-20_23h32_47.png)
【戻って編集ボタン】の追加
次に、【戻って編集ボタン】を追加します。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2017-10-20_23h37_07.png)
①[confirm ”確認画面へ”][submit ”送信”]の前にカーソルを持って行きます。
②【戻って編集ボタン】をクリックします。
戻って編集ボタンのラベルを設定します。
ラベルに「戻る」と入力して、【タグ挿入】をクリックします。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2018-07-04_19h52_56.png)
元の画面に戻ります。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2017-10-20_23h44_22.png)
①[back ”戻る”][confirm ”確認画面へ”][submit ”送信”]の順番で、表示されていることを確認します。
②【保存】をクリックします。
ボタンの追加は完了しました。
追加したボタンを確認
ボタンを追加した、お問い合わせフォームを見てみましょう。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2017-10-20_23h53_14.png)
【確認画面へ】をクリックすると、下記の表示になります。
![](https://romiromibiz.com/wp-content/uploads/2017/10/2017-10-21_00h04_29.png)
背景色は、お使いのテーマによって違うようです。
確認画面があることで、読者さん目線のお問い合わせフォームが完成しました^^
まとめ
【Contact Form 7 add confirm】というプラグインを使って、
お問い合わせフォームに、確認画面を追加しました。
お問い合わせフォームやメールフォームを設置する側(ブログ運営者)は、
「問い合わせフォームにを設置する」ことをメインに考えるので、あまり気にしない方も多いと思います。
読者さん目線に立つと、確認画面があった方が、安心感が違いますね。
この機会に、お問い合わせフォームに、確認画面を追加してみてください。
コメントを残す