デザインテンプレート販売中 >>

Contact Form 7 add confirmの使い方|コンタクトフォームに確認画面を別ページで追加しよう

Contact Form 7プラグインをお使いの人ならご存知の通り、Contact Form 7で作成したお問い合わせフォームには確認画面を表示する機能がありません。

そのままだと問い合わせを行う読者さんが質問内容を確認できないまま送信完了になってしまいますので、入力誤りが発生してしまうこともあるでしょう。

それはブログ運営者にとっても読者さんにとってもデメリットでしかありません。

このページでは、そんなContact Form 7に確認画面を追加できるプラグイン、Contact Form 7 add confirmの使い方をご紹介していきたいと思います。

当ブログのデザインをあなたのブログにも実装してみませんか?

  • 3月15日ついにリリース
  • デザイン2種を展開
  • 今すぐあなたのブログをオシャレに

コンタクトフォームに確認画面を別ページで追加できる

Contact Form 7 add confirmは、Contact Form 7のお問い合わせフォームに確認画面を拡張できるプラグインです。

このようにお問い合わせフォームの送信前に確認が行え、入力誤りに気づいた場合には編集に戻ることも可能です。

 

なお、Contact Form 7 add confirmプラグインを利用する前提として、Contact Form 7プラグインの設定を完了させいる必要があります。

Contact Form 7の設定と使い方|WordPressにお問い合わせフォームを設置しよう
WordPressにお問い合わせフォームを設置していない人は、是非このページを見ながらお問い合わせフォームを設置することをおすすめします。 お問い合わせフォームを設置することで、 読者さんと双方向の連絡が可能になる(=フ...

Contact Form 7 add confirmの使い方

まずは、Contact Form 7 add confirmプラグインをインストール&有効化しましょう。

Contact Form 7 add confirm

WordPressのプラグインのインストール方法|手動&FTPのやり方も解説
このページでは、WordPressのプラグインのインストール方法を紹介しています。 プラグインのインストールはWordPressを使っていく上で必須のスキルですので、是非この機会に色々なプラグインのインストール方法があることを覚えてお...

 

プラグインの有効化が完了したら、お問い合わせをクリックします。

 

既に作成したお問い合わせフォームがあるはずなので、編集をクリックします。

 

[submit “送信”]の1行手前にカーソルを合わせ、確認ボタンをクリックします。

 

ポップアップが表示されますが、何も編集せずにタグを挿入をクリックします。

 

同じ要領で今度は戻って編集ボタンを[submit “送信”]の1行手前に挿入します。

 

最終的にこのような形になっていることを確認の上、保存をクリックします。

アフィ
アフィ

設定はここまでで完了です。お疲れさまでした。

完了画面に不具合がないか確認

既に作成済みのお問い合わせフォームのページを開き、適当な内容でお問い合わせを送信してみましょう。

プラグインの設定が問題なく完了していれば、送信ボタンを押した後に別ページで確認画面が表示されるはずです。

確認画面が表示されないときは

Contact Form 7 add confirmプラグインの設定が正しいにも関わらず確認画面が表示されないという人は、内部のjQueryを読み込まないようにしたことが原因かもしれません。

WordPress内部にはjQueryが含まれており、外部のjQueryを読み込む場合には内部のjQueryを読み込まないようにする必要があります。

内部と外部、両方のjQueryを読み込むと二重読み込みとなってしまうためです。

その際には、下記コードを使用すると内部のjQueryを読み込まないようにすることができます。

<?php wp_deregister_script('jquery'); ?>
アフィ

2017年8月にブログをスタート。
1つの特化型ブログで月間75万PVを達成し、現在では複数の特化型ブログから安定的に月収50万円以上の収入を確保しています。
詳しく

アフィをフォローする

当ブログのデザインをあなたのブログにも実装してみませんか?

  • 3月15日ついにリリース
  • デザイン2種を展開
  • 今すぐあなたのブログをオシャレに
プラグインの使い方
アフィをフォローする
アフィブログ

コメント