【WordPress】Contact Form7を使用してお問い合わせフォームを作成する

WordPress

サイトを運営していく上で、お問い合わせフォームの作成は必須ですよね。本記事では初めてホームページやブログを作った方でもすぐにお問い合わせフォームを作成できるよう分かりやすく解説しています。是非最後まで読んでご自身のサイトにお問い合わせフォームを設置してみてください。

WordPressでお問い合わせフォームを作成してみよう

お問い合わせフォームの設置はWebサイトを作成するにあたって初めにやっておきたいことの1つですね。
本記事では、Contact Form7というプラグインを使用して上の画像と同じお問い合わせフォームを作成していきます。

こちらの記事を読んで出来ることはコチラ

  • お問い合わせフォームを作成する
  • お問い合わせフォームをヘッダーに追加する

Contact Form7とは?

Contact Form7とはお問い合わせフォームを簡単に作成できるプラグインです。まずは、この「Contact Form7」というプラグインを追加して有効化しておきましょう。

お問い合わせフォームを作成する

1. Contact Form7の追加が終わったら、左側のお問い合わせという項目を選択し新規追加をクリック。

2. タイトルに「お問い合わせ」と入力。
 青い枠内に表示させたい項目を記入する。初めから記入されている内容で問題なければそのままでOK。

YUKI
YUKI

こちらの項目では、実際にホームページ上で表示されるお問い合わせフォームの内容を設定しています。

3. メールを選択。
 送信先に受信用として使いたい自分のメールアドレスを記入する。

YUKI
YUKI

お問い合わせフォームから実際に問い合わせが入ると自分のメールアドレス宛へメッセージが届くようになっています。こちらの項目では「お問い合わせが入りましたよー!」と自分宛に知らせてくれるメールの設定をしています。
メッセージ本文を自分が読みやすいようにカスタマイズするといいですよ!

4. 下の方に画面をスクロールすると「メール(2)を使用」という項目があるのでこちらにチェック。

5. 追加ヘッダーの部分に返信先にしたい自分のメールアドレスを記入する。

YUKI
YUKI

メール(2)を設定することで、お問い合わせをされた方に対して自動返信メールが送られるようにすることができます。メッセージ本文という部分は実際にお問い合わせされた方が読まれる文章になるので丁寧に記入しましょう。

6. 保存を押したらショートコード(青い部分)が表示されるのでこちらをコピーする。

固定ページでお問い合わせページを作成する

1. 左側の固定ページを選択して新規追加をクリック。

2. タイトルに「お問い合わせ」と入力。

3. 本文に先ほどコピーしたショートコードを貼り付けして公開

ヘッダーにお問い合わせフォームを設置する

1. 外観メニューを選択。

2. 編集するメニューを選択という項目でメニュー(ヘッダーメニュー)を選択。

3. お問い合わせにチェックを入れてメニューに追加メニューを保存

以上でお問い合わせフォームの設置完了です!お疲れさまでした。

YUKI
YUKI

トップページに画像のスライドショーは設定済みですか?次の記事でスライドショーを設定する方法を紹介しています。

この記事を書いた人
Web Designer | YUKI

一児の母/Webデザイナー
出産後、未経験からWebデザインを学び、フリーランスWebデザイナーとして活動中。
結婚や出産で環境が変わっても、女性が自分らしく輝けるようにデザインを通してサポート。
ホームページやSNSで使用する画像/ロゴ/名刺 など制作しています。
ご依頼・お問い合わせはポートフォリオサイトをご確認ください。

WordPress
スポンサーリンク
formom design blog
タイトルとURLをコピーしました