本記事では、プラグイン「Contact Form 7」の設定方法・使い方を画像付きで解説します。
Contact Form 7は、WordPressブログにお問い合わせフォームを設置できるプラグインです。
お問い合わせフォームを設置すれば、読者から感想が届いたり企業から仕事の依頼が来たりと、窓口としての役割を担ってくれる。
ブログが大きになるにつれてお問い合わせも増えるので、早めに導入しておきましょう。
※その他、おすすめのプラグインは下記記事で紹介しています。
![【2023年】WordPressに導入必須のおすすめプラグイン10選](https://www.yasutaroublog.com/wp-content/uploads/2020/11/20_generated-e1641627479808-320x180.jpg)
Contact Form 7とは?
![Contact Form 7](https://www.yasutaroublog.com/wp-content/uploads/2020/11/スクリーンショット-2022-01-08-17.26.41.png)
Contact form 7とは、WordPressにお問い合わせフォームを設置できるプラグインです。
本来、お問い合わせフォームを設置するにはHTMLやCSSといった専門的な知識が必要ですが、Contact form 7なら誰でも簡単にお問い合わせページを導入できる。
また、開発者が日本人なので公式サイトのFAQから問題を解決しやすく使いやすいのも特徴です。
![Contact Form 7:お問い合わせページ](https://www.yasutaroublog.com/wp-content/uploads/2021/03/スクリーンショット-2022-12-18-15.53.55-2.jpg)
このように、シンプルなお問い合わせページを作成できますよ。
Contact Form 7の導入方法
続いて、Contact Form 7の導入方法を解説します。
![プラグインの新規追加](https://www.yasutaroublog.com/wp-content/uploads/2021/08/スクリーンショット-2022-02-01-17.19.49.png)
WordPressの管理画面から、「プラグイン→新規追加」をクリックします。
![Contact Form 7のインストール&有効化](https://www.yasutaroublog.com/wp-content/uploads/2021/03/スクリーンショット-2022-01-17-22.50.30.png)
画面右側の検索窓に「Contact Form 7」と入力して、「今すぐインストール→有効化」をクリックしてください。
これで、インストールと有効化の完了です。
Contact Form 7の設定方法・使い方
お問い合わせフォームの設置手順は、以下のとおりです。
- お問い合わせフォームを新規作成する
- 固定ページでお問い合わせページを作成する
- WordPressメニューを作成して表示させる
順番に解説していきます。
①:お問い合わせフォームを新規作成する
![Contact Form 7の使い方・設置方法](https://www.yasutaroublog.com/wp-content/uploads/2021/03/スクリーンショット-2022-01-17-23.47.49.png)
WordPressの管理画面から「お問い合わせ→新規追加」をクリックしてください。
![Contact Form 7の使い方・設置方法](https://www.yasutaroublog.com/wp-content/uploads/2021/03/スクリーンショット-2022-01-17-23.50.27.png)
タイトルに「お問い合わせ」など、自分で管理しやすい名前を入力して「保存」をクリックします。
![Contact Form 7の使い方・設置方法](https://www.yasutaroublog.com/wp-content/uploads/2021/03/スクリーンショット-2022-01-17-23.53.42.png)
すると、ショートコードが表示されるのでコビーします。
②:固定ページでお問い合わせページを作成する
つぎに、お問い合わせフォームを表示させる固定ページを作成します。
![Contact Form 7の使い方・設置方法](https://www.yasutaroublog.com/wp-content/uploads/2021/03/スクリーンショット-2021-03-07-15.39.20-1024x594.png)
WordPressの管理画面から「固定ページ→新規追加」をクリックします。
![Contact Form 7の使い方・設置方法](https://www.yasutaroublog.com/wp-content/uploads/2021/03/スクリーンショット-2021-03-07-16.03.15-1024x533.png)
タイトルに「お問い合わせ(任意)」と入力して、「+」→「ショートコード」をクリックします。
![Contact Form 7の使い方・設置方法](https://www.yasutaroublog.com/wp-content/uploads/2021/03/スクリーンショット-2021-03-07-16.08.01-1024x479.png)
先ほどコピーしたショートコードを貼り付けて、「公開する」をクリックしてください。
③:WordPressメニューを作成して表示させる
![お問い合わせフォーム作成](https://www.yasutaroublog.com/wp-content/uploads/2021/03/スクリーンショット-2021-03-07-17.08.57-1024x502.png)
WordPressの管理画面から「外観→メニュー」をクリックします。
![お問い合わせフォーム作成](https://www.yasutaroublog.com/wp-content/uploads/2021/03/スクリーンショット-2021-08-21-19.58.10-min.png)
自分で管理しやすい「メニュー名」を入力して、「メニューを作成」をクリックします。(メニュー名は、ブログ内に反映されません。)
![お問い合わせフォーム作成](https://www.yasutaroublog.com/wp-content/uploads/2021/03/スクリーンショット-2021-03-07-17.31.24-1024x532.png)
固定ページの中から「お問い合わせ」にチェックを入れ、「メニューに追加」をクリックします。
そしたら、メニューを表示したい位置にチェックを入れ、「メニューを保存」をクリックします。
![Contact Form 7の設定方法・使い方](https://www.yasutaroublog.com/wp-content/uploads/2021/03/2022-12-18-16.57.54.jpg)
すると、任意の場所にお問い合わせページを表示できますよ。
Contact form 7のカスタマイズ方法
さいごに、Contact Form7のカスタマイズ方法を紹介します。
自動返信メールを設定する
デフォルトの状態だと、お問い合わせがあるとお知らせメールだけが届く設定になっています。
そこで、お問い合わせに対して自動返信メールを送れるように設定していきます。
![Contact form7の応用設定](https://www.yasutaroublog.com/wp-content/uploads/2021/03/-2021-08-21-20.16.49-min-e1629547306161.png)
WordPressの管理画面から「お問い合わせ→コンタクトフォーム」をクリックします。
![Contact form7の応用設定](https://www.yasutaroublog.com/wp-content/uploads/2021/08/スクリーンショット-2021-08-21-20.18.32-min.png)
お問い合わせフォームの「編集」をクリックします。
![Contact form7の応用設定](https://www.yasutaroublog.com/wp-content/uploads/2021/08/スクリーンショット-2021-08-21-20.20.54-min.png)
「メール」の設定画面を開きます。
![Contact form7の応用設定](https://www.yasutaroublog.com/wp-content/uploads/2021/08/スクリーンショット-2021-08-21-20.22.24-min.png)
「メール (2) を使用」にチェックを入れます。
![Contact form7の応用設定](https://www.yasutaroublog.com/wp-content/uploads/2021/08/スクリーンショット-2021-08-21-20.25.22-min.png)
「題名」と「メッセージ本文」の内容を編集してもOK。
編集が終わったら、忘れずに「保存」をクリックしてくださいね。
reCAPTCHAを導入してスパム対策をする
何もせずにお問い合わせページを使っていると、スパムメールが大量に届く可能性があります。
そこで、reCAPTCHAを導入しましょう。Googleが無料提供しているサービスで、BOTによるWebサイトへの攻撃を防いでくれる。
![Google reCAPTCHAからサイトキーを取得する](https://www.yasutaroublog.com/wp-content/uploads/2021/08/スクリーンショット-2022-01-14-15.51.07.jpg)
まずGoogle reCAPTCHAにアクセスして、「v3 Admin Console」をクリックしてください。
![Google reCAPTCHAからサイトキーを取得する](https://www.yasutaroublog.com/wp-content/uploads/2021/08/スクリーンショット-2021-08-18-22.13.35.png)
「新しいサイトを登録する」という画面が表示されたら、必要事項を入力します。
- ラベル:ブログ名など自分が見て分かりやすいものにする。
- reCAPTCHAタイプ:reCAPTCHA v3を選択する。
- ドメイン:自分のブログドメインを入力する。
![Google reCAPTCHAからサイトキーを取得する](https://www.yasutaroublog.com/wp-content/uploads/2021/08/スクリーンショット-2021-08-18-22.14.32.png)
入力が完了したら、「reCAPTCHA 利用条件に同意する」にチェックを入れて「送信」をクリックします。
![Google reCAPTCHAからサイトキーを取得する](https://www.yasutaroublog.com/wp-content/uploads/2021/08/スクリーンショット-2021-08-18-21.53.10.png)
reCAPTCHAのサイトキーとシークレットキーが表示されるのでメモしておきましょう。
![](https://www.yasutaroublog.com/wp-content/uploads/2021/03/2022-12-18-17.19.32.jpg)
そしたら、WordPressの管理画面に移行して「お問い合わせ→ インテグレーション→インテグレーションのセットアップ」をクリックします。
![Contact Form7のカスタマイズ方法:reCAPTCHAを導入してスパム対策をする](https://www.yasutaroublog.com/wp-content/uploads/2021/03/スクリーンショット-2022-12-18-17.21.00.png)
ここで、先ほどコピーしたサイトキーとシークレットキーを入力して、「変更を保存」をクリックします。
以上で、お問い合わせページにreCAPTCHAを導入することができましたよ。
まとめ:Contact Form 7の設定方法・使い方
![まとめ:Contact Form 7の設定方法・使い方](https://www.yasutaroublog.com/wp-content/uploads/2021/03/undraw_Inbox_cleanup_re_jcbh-e1671342877719.png)
今回は、プラグイン「Contact Form 7」の設定方法・使い方を画像付きで解説しました。
お問い合わせページがあることで、読者からリアルな声が届いたり、企業から仕事の依頼が来たりとメリットしかない。
Contact Form 7は、ブログ初心者でも簡単にお問い合わせフォームを設置できるので、ぜひ導入してみてください。
formrunもおすすめ!
![formrunもおすすめ](https://www.yasutaroublog.com/wp-content/uploads/2021/03/2022-12-18-17.34.41.jpg)
![](https://www10.a8.net/0.gif?a8mat=3NPHLD+D2CGOI+4NMG+5YJRM)
formrunには豊富なテンプレートが用意されていて、直感的な操作でおしゃれなフォームを作成できますよ。
その他、ブログ運営に役立つ記事を載せておきますね。
![セルフバック(自己アフィリエイト)の仕組みとやり方を徹底解説](https://www.yasutaroublog.com/wp-content/uploads/2021/06/selfback-e1644152156951-320x180.jpg)
![ブログで使えるおすすめのフリー素材・画像サイト11選【商用利用OK】](https://www.yasutaroublog.com/wp-content/uploads/2021/06/vecteezy_seo-search-engine-optimization-with-graph-and-chart-analysis_-e1647333742296-320x180.jpg)
![【2023年】WordPressおすすめ無料&有料テーマ7選|初心者向け](https://www.yasutaroublog.com/wp-content/uploads/2022/09/1166_generated-e1662021978261-320x180.jpg)
![ブログ運営に必須のおすすめツール11選【収益化を加速させる】](https://www.yasutaroublog.com/wp-content/uploads/2022/09/vecteezy_online-survey-concept-with-people-and-checklist-surveys_-e1662886207625-320x180.jpg)