![](https://pasokon-kasegu.com/wp-content/uploads/2021/04/gimon.png)
ブログにお問い合わせフォームを設置したい!簡単に設置できる方法ないかな?
こんな悩みを持つ方に、ぜひ読んでほしい記事です。
ブログに「お問い合わせフォーム」は必須で、無ければユーザビリティが下がってしまいます。
- Contact Form7について
- Contact Form7の設定方法
お問い合わせ後の自動返信メールも設定できて、手間も省けるようになりますので、ぜひ参考にしてみてください。
![](https://pasokon-kasegu.com/wp-content/uploads/2023/12/dd58270eb324af9192060c3af9c80a35.png)
![](https://pasokon-kasegu.com/wp-content/uploads/2023/12/dd58270eb324af9192060c3af9c80a35.png)
- ブログ実績:エンタメ系ブログ最高150万PV超&当ブログ最高10万PV超。
- 仕事:メインはWEBライター・ブログ運営・YouTube(1800人ほど)・Twitter運用代行も経験あり
- 趣味:筋トレ・食べ歩き・映画鑑賞など
Contact Form7はお問い合わせページを作れる
![](https://pasokon-kasegu.com/wp-content/uploads/2021/04/Blogger.jpg)
![](https://pasokon-kasegu.com/wp-content/uploads/2021/04/Blogger.jpg)
![](https://pasokon-kasegu.com/wp-content/uploads/2021/04/Blogger.jpg)
こんなお問い合わせページが、簡単に作れます!(フォームのデザインは、テーマによって異なります)
![Contact Form7](https://pasokon-kasegu.com/wp-content/uploads/2019/04/Contact-Form7.png)
![Contact Form7](https://pasokon-kasegu.com/wp-content/uploads/2019/04/Contact-Form7.png)
さらに送信後には、送信されたことを確認するメッセージが表示されますが、デフォルトのままだと素っ気無い感じの文章なので、下記のように文章を変更することができます。
![Contact Form7-1](https://pasokon-kasegu.com/wp-content/uploads/2019/04/Contact-Form7-1.png)
![Contact Form7-1](https://pasokon-kasegu.com/wp-content/uploads/2019/04/Contact-Form7-1.png)
ブログに設置するのは、シンプルなデフォルトのままで問題ありませんが、自動返信メールの設定などの方法も解説します!
Contact Form7の使い方&設定方法!
![](https://pasokon-kasegu.com/wp-content/uploads/2021/04/Blogger.jpg)
![](https://pasokon-kasegu.com/wp-content/uploads/2021/04/Blogger.jpg)
![](https://pasokon-kasegu.com/wp-content/uploads/2021/04/Blogger.jpg)
プラグインから新規追加で
![Contact Form7有効化](https://pasokon-kasegu.com/wp-content/uploads/2019/04/96be8efb4c8f5c8ed72d782339766f65.png)
![Contact Form7有効化](https://pasokon-kasegu.com/wp-content/uploads/2019/04/96be8efb4c8f5c8ed72d782339766f65.png)
右の方にあるキーワード欄に「Contact」と入力し
![Contact Form7有効化1](https://pasokon-kasegu.com/wp-content/uploads/2019/04/29e55e547ff25067e22f3bdce6bf635d.png)
![Contact Form7有効化1](https://pasokon-kasegu.com/wp-content/uploads/2019/04/29e55e547ff25067e22f3bdce6bf635d.png)
Contact Form7を今すぐインストールし、有効化しましょう。
![Contact Form7有効化2](https://pasokon-kasegu.com/wp-content/uploads/2019/04/ef1209782f054d620d7ace0c93eee180.png)
![Contact Form7有効化2](https://pasokon-kasegu.com/wp-content/uploads/2019/04/ef1209782f054d620d7ace0c93eee180.png)
Contact Form7のフォームを固定ページに設定する
ダッシュボードに戻って、左メニューのお問い合わせから、コンタクトフォームをクリックします。
![Contact Form7設定1](https://pasokon-kasegu.com/wp-content/uploads/2019/04/93e01eb01b15a3558caaf35c6f2c269a.png)
![Contact Form7設定1](https://pasokon-kasegu.com/wp-content/uploads/2019/04/93e01eb01b15a3558caaf35c6f2c269a.png)
すでに、コンタクトフォーム1というお問い合わせフォームができていますので、デフォルトのままでいいという方は、右にあるショートコードをクリックして、コピーしてください。
![Contact Form7設定3](https://pasokon-kasegu.com/wp-content/uploads/2019/04/47fcb84f90aca2140666bb2f10cf2006.png)
![Contact Form7設定3](https://pasokon-kasegu.com/wp-content/uploads/2019/04/47fcb84f90aca2140666bb2f10cf2006.png)
次に、固定ページを新規追加で作成します。
![Contact Form7設定4](https://pasokon-kasegu.com/wp-content/uploads/2019/04/8b30fac06ccfe9cd98156c38c8b1f1a7.png)
![Contact Form7設定4](https://pasokon-kasegu.com/wp-content/uploads/2019/04/8b30fac06ccfe9cd98156c38c8b1f1a7.png)
タイトルは「お問い合わせ」と入力します。
![Contact Form7設定6](https://pasokon-kasegu.com/wp-content/uploads/2019/04/8d075c702b365c8d11a55cec1841ec4d.png)
![Contact Form7設定6](https://pasokon-kasegu.com/wp-content/uploads/2019/04/8d075c702b365c8d11a55cec1841ec4d.png)
ビジュアルのままで構いませんので、そのままショートコードを貼り付けて公開すれば、お問い合わせフォームが完成します!
![Contact Form7設定7](https://pasokon-kasegu.com/wp-content/uploads/2019/04/ea4167b85f04e5c2d5afb128bbd6067e.png)
![Contact Form7設定7](https://pasokon-kasegu.com/wp-content/uploads/2019/04/ea4167b85f04e5c2d5afb128bbd6067e.png)
下記は、Simplicity2で作ったフォームです!
![Contact Form7設定8](https://pasokon-kasegu.com/wp-content/uploads/2019/04/55ce7a584d7befba6c1c543772bcb3cc.png)
![Contact Form7設定8](https://pasokon-kasegu.com/wp-content/uploads/2019/04/55ce7a584d7befba6c1c543772bcb3cc.png)
相手にも自動返信メールを送る
お問い合わせしてくれた相手に、送信した内容やお礼、返信期限の目安などを自動返信メールを送ることもできます。
Contact Form7の設定ページから、編集をクリックします。
![Contact Form7使い方1](https://pasokon-kasegu.com/wp-content/uploads/2019/04/d35c0672ac8f1dfe5b2be6a5fcbcf5d0.png)
![Contact Form7使い方1](https://pasokon-kasegu.com/wp-content/uploads/2019/04/d35c0672ac8f1dfe5b2be6a5fcbcf5d0.png)
メール部分をクリックします。
![Contact Form7使い方2](https://pasokon-kasegu.com/wp-content/uploads/2019/04/efb3b31ee2b3f61f975179d5eb618c3e.png)
![Contact Form7使い方2](https://pasokon-kasegu.com/wp-content/uploads/2019/04/efb3b31ee2b3f61f975179d5eb618c3e.png)
下の方にあるメール(2)を使用にチェックを入れて
![Contact Form7使い方4](https://pasokon-kasegu.com/wp-content/uploads/2019/04/45c82301611faa6c50992c35c2180c63.png)
![Contact Form7使い方4](https://pasokon-kasegu.com/wp-content/uploads/2019/04/45c82301611faa6c50992c35c2180c63.png)
デフォルトの本文では、下記のようにユーザーが入力した本文が、送信されるようになっています。
![Contact Form7使い方5](https://pasokon-kasegu.com/wp-content/uploads/2019/04/453bdbfb07b3b95104088ef8735777f0.png)
![Contact Form7使い方5](https://pasokon-kasegu.com/wp-content/uploads/2019/04/453bdbfb07b3b95104088ef8735777f0.png)
メッセージ本文に必要であれば、下記のようにお礼などを添えて保存することで、送信内容と共に自動返信メールを送ることができます。
![Contact Form7使い方6](https://pasokon-kasegu.com/wp-content/uploads/2019/04/a0ea5d1ee9f3ea65acbdf1219ceb22dd.png)
![Contact Form7使い方6](https://pasokon-kasegu.com/wp-content/uploads/2019/04/a0ea5d1ee9f3ea65acbdf1219ceb22dd.png)
変更後は、一番下の保存をクリックしましょう。
![Contact Form7使い方7](https://pasokon-kasegu.com/wp-content/uploads/2019/04/e975f4b0c869fc68ca48142108880d9f.png)
![Contact Form7使い方7](https://pasokon-kasegu.com/wp-content/uploads/2019/04/e975f4b0c869fc68ca48142108880d9f.png)
メッセージを変更する
送信後のメッセージでもお礼や、返信期間の目安などを知らせることができます。
メッセージ部分をクリックします。
![Contact Form7使い方8](https://pasokon-kasegu.com/wp-content/uploads/2019/04/f966713aa51f5093fb14b82fd5a95d50.png)
![Contact Form7使い方8](https://pasokon-kasegu.com/wp-content/uploads/2019/04/f966713aa51f5093fb14b82fd5a95d50.png)
メッセージが正常に送信された部分のデフォルトメッセージを
![Contact Form7使い方9](https://pasokon-kasegu.com/wp-content/uploads/2019/04/8564c7e92192d3623d48b12a98497337.png)
![Contact Form7使い方9](https://pasokon-kasegu.com/wp-content/uploads/2019/04/8564c7e92192d3623d48b12a98497337.png)
任意のメッセージに変更することができます。
![Contact Form7使い方10](https://pasokon-kasegu.com/wp-content/uploads/2019/04/9f8ad688f7efb5d41d08071939a6e6b8.png)
![Contact Form7使い方10](https://pasokon-kasegu.com/wp-content/uploads/2019/04/9f8ad688f7efb5d41d08071939a6e6b8.png)
設定後は、右のステータス部分の保存か、一番下の保存をクリックして設定完了です!
![Contact Form7使い方11](https://pasokon-kasegu.com/wp-content/uploads/2019/04/f594979cf34262fadd9d4b1672fa6bce.png)
![Contact Form7使い方11](https://pasokon-kasegu.com/wp-content/uploads/2019/04/f594979cf34262fadd9d4b1672fa6bce.png)
まとめ
Contact Form7では、ブログに必要なお問い合わせページが簡単に作れるプラグインです。
デフォルトのままでも、十分使えるフォームが簡単に作れますので、初心者の方でも安心して作成できます。
特に、お悩み解決系のブログでは、お問い合わせの頻度も多いと思うので、返信期限の目安などを記載して、ユーザーに安心感を与えるのも一つのポイントなので、ぜひ実践してみてください。
コメント