サイトを運営していく上で、お問い合わせフォームの作成は必須ですよね。本記事では初めてホームページやブログを作った方でもすぐにお問い合わせフォームを作成できるよう分かりやすく解説しています。是非最後まで読んでご自身のサイトにお問い合わせフォームを設置してみてください。
WordPressでお問い合わせフォームを作成してみよう
![](https://design-formom.com/wp-content/uploads/2020/09/1374C068-E9CD-4F00-B9BF-2EB973EE1A6E-1024x450.jpeg)
お問い合わせフォームの設置はWebサイトを作成するにあたって初めにやっておきたいことの1つですね。
本記事では、Contact Form7というプラグインを使用して上の画像と同じお問い合わせフォームを作成していきます。
こちらの記事を読んで出来ることはコチラ
- お問い合わせフォームを作成する
- お問い合わせフォームをヘッダーに追加する
Contact Form7とは?
Contact Form7とはお問い合わせフォームを簡単に作成できるプラグインです。まずは、この「Contact Form7」というプラグインを追加して有効化しておきましょう。
お問い合わせフォームを作成する
1. Contact Form7の追加が終わったら、左側のお問い合わせという項目を選択し新規追加をクリック。
![](https://design-formom.com/wp-content/uploads/2020/09/7CDF11DC-65B2-4335-B23F-72FAA420D5A3-1024x431.jpeg)
2. タイトルに「お問い合わせ」と入力。
青い枠内に表示させたい項目を記入する。初めから記入されている内容で問題なければそのままでOK。
![](https://design-formom.com/wp-content/uploads/2020/09/9C23A95D-A4A5-47C3-8713-C59ECD5BB24C-1019x1024.jpeg)
![YUKI](https://design-formom.com/wp-content/uploads/2021/02/00DAA173-E6EA-45DE-B132-10BAC3923677-150x150.jpg)
こちらの項目では、実際にホームページ上で表示されるお問い合わせフォームの内容を設定しています。
3. メールを選択。
送信先に受信用として使いたい自分のメールアドレスを記入する。
![](https://design-formom.com/wp-content/uploads/2020/09/9D5AFB59-19C5-4FBA-8198-3D484CD9DFDD-887x1024.jpeg)
![YUKI](https://design-formom.com/wp-content/uploads/2021/02/00DAA173-E6EA-45DE-B132-10BAC3923677-150x150.jpg)
お問い合わせフォームから実際に問い合わせが入ると自分のメールアドレス宛へメッセージが届くようになっています。こちらの項目では「お問い合わせが入りましたよー!」と自分宛に知らせてくれるメールの設定をしています。
メッセージ本文を自分が読みやすいようにカスタマイズするといいですよ!
4. 下の方に画面をスクロールすると「メール(2)を使用」という項目があるのでこちらにチェック。
5. 追加ヘッダーの部分に返信先にしたい自分のメールアドレスを記入する。
![](https://design-formom.com/wp-content/uploads/2020/09/F6E94EC1-A6E4-472B-A95E-396AC496B880-836x1024.jpeg)
![YUKI](https://design-formom.com/wp-content/uploads/2021/02/00DAA173-E6EA-45DE-B132-10BAC3923677-150x150.jpg)
メール(2)を設定することで、お問い合わせをされた方に対して自動返信メールが送られるようにすることができます。メッセージ本文という部分は実際にお問い合わせされた方が読まれる文章になるので丁寧に記入しましょう。
6. 保存を押したらショートコード(青い部分)が表示されるのでこちらをコピーする。
![](https://design-formom.com/wp-content/uploads/2020/09/1D25B70E-72B2-4E80-A7DB-26C7C3DF9B30-1024x706.jpeg)
固定ページでお問い合わせページを作成する
1. 左側の固定ページを選択して新規追加をクリック。
![](https://design-formom.com/wp-content/uploads/2020/09/279DBC70-2AB3-4B26-80FA-D197DC03ACA3-1024x287.jpeg)
2. タイトルに「お問い合わせ」と入力。
3. 本文に先ほどコピーしたショートコードを貼り付けして公開。
![](https://design-formom.com/wp-content/uploads/2020/09/D9804F21-0F78-4B27-A9AE-ED47BA4A373D-1024x486.jpeg)
ヘッダーにお問い合わせフォームを設置する
1. 外観 → メニューを選択。
2. 編集するメニューを選択という項目でメニュー(ヘッダーメニュー)を選択。
3. お問い合わせにチェックを入れてメニューに追加 → メニューを保存。
![](https://design-formom.com/wp-content/uploads/2020/09/1BF59A32-1140-4CCD-B7BD-21F08917DB04-1024x579.jpeg)
以上でお問い合わせフォームの設置完了です!お疲れさまでした。
![YUKI](https://design-formom.com/wp-content/uploads/2021/02/00DAA173-E6EA-45DE-B132-10BAC3923677-150x150.jpg)
トップページに画像のスライドショーは設定済みですか?次の記事でスライドショーを設定する方法を紹介しています。