WordPressでホームページを制作する際に、ほぼ必ず必要になるのが「お問い合わせフォーム」です。
お問い合わせフォームがあることで、Webサイトを見たユーザーから、サービスへの相談や資料請求、採用への応募などを受け付けることができます。
WordPressにはお問い合わせフォームを作成できるプラグインがいくつかありますが、代表的なプラグインのひとつが「Contact Form 7」です。
この記事では、WordPress初心者の方でもお問い合わせフォームを作成できるように、Contact Form 7の基本的な使い方からメール設定、フォームの設置方法まで詳しく解説します。
Contact Form 7とは？
Contact Form 7は、WordPressにお問い合わせフォームを追加できる無料プラグインです。
HTMLやPHPを一から記述しなくても、WordPressの管理画面からフォームを作成できます。
例えば、以下のようなお問い合わせフォームを作ることができます。
- お名前
- メールアドレス
- 電話番号
- お問い合わせ内容
- お問い合わせ種別
- 希望日時
- 会社名
- その他の自由入力項目
また、送信された内容を管理者のメールアドレスへ通知したり、お問い合わせをしたユーザーへ自動返信メールを送信したりすることも可能です。
シンプルなお問い合わせフォームから企業サイトの問い合わせフォームまで、幅広く利用されています。
Contact Form 7をインストールする
まず、WordPressの管理画面からContact Form 7をインストールします。
管理画面の「プラグイン」から「新規プラグインを追加」を開きます。
検索欄に「Contact Form 7」と入力してください。
Contact Form 7が表示されたら、「今すぐインストール」をクリックし、その後「有効化」をクリックします。
有効化すると、WordPress管理画面の左側に「お問い合わせ」というメニューが追加されます。
これでContact Form 7を利用する準備は完了です。
お問い合わせフォームを作成する
Contact Form 7を有効化したら、「お問い合わせ」→「コンタクトフォーム」を開きます。
最初から「コンタクトフォーム1」というフォームが作成されています。
このフォームを編集して、必要な項目を追加していきます。
お名前
お問い合わせをしたユーザーの名前を入力してもらうための項目です。
企業サイトの場合は、個人名だけでなく会社名も入力してもらうケースがあります。
メールアドレス
お問い合わせに対する返信先となるメールアドレスを入力してもらいます。
メールで返信する必要がある場合は、基本的に必須項目として設定します。
電話番号
電話での連絡が必要な場合は、電話番号の入力欄を追加します。
ただし、電話番号を必須にすると入力のハードルが上がる場合もあるため、Webサイトの目的に応じて設定しましょう。
お問い合わせ内容
ユーザーが自由に問い合わせ内容を入力できるテキストエリアを設置します。
「お問い合わせ内容」「ご相談内容」など、ユーザーが何を入力すればよいのか分かりやすい項目名にすることも重要です。
Contact Form 7で必須項目を設定する
お問い合わせフォームでは、「必須」と「任意」を適切に設定することが重要です。
例えば、以下のような構成にできます。
- お名前 → 必須
- メールアドレス → 必須
- 電話番号 → 任意
- お問い合わせ内容 → 必須
Contact Form 7では、フォームタグに「*」が付いている項目が必須項目です。
例えば、以下のようなタグの場合です。
[text* your-name]「your-name」の入力が必須になります。
一方、以下のように「*」が付いていない場合は任意項目です。
[text your-name]お問い合わせフォームでは、すべての項目を必須にするのではなく、本当に必要な情報だけを必須にすることをおすすめします。
電話番号とメールアドレスのどちらかを必須にする方法
企業サイトのお問い合わせフォームでは、「電話番号またはメールアドレスのどちらか一方を必須にしたい」というケースがあります。
例えば、以下のような条件です。
- メールアドレスを入力している
- または電話番号を入力している
- どちらか一方が入力されていれば送信できる
Contact Form 7の標準的なフォームタグだけでは、このような条件設定は少し難しくなります。
この場合は、JavaScriptなどを利用して入力チェックを追加する方法があります。
お問い合わせフォームは、単純に項目を増やせばよいというものではありません。
入力項目が多すぎると、ユーザーが「入力するのが面倒」と感じて、途中で離脱してしまう可能性があります。
そのため、Webサイトの目的に合わせて、本当に必要な項目だけを設置することが重要です。
Contact Form 7のメール設定
フォームを作成したら、次にメール設定を行います。
Contact Form 7には「メール」という設定項目があります。
ここでは、フォームから送信された内容を、サイト管理者へメールで通知するための設定を行います。
管理者宛メールを設定する
例えば、以下のような内容を設定します。
- 送信先：管理者のメールアドレス
- 送信元：Webサイトのドメインに紐づいたメールアドレス
- 題名：Webサイトからお問い合わせがありました
- 本文：お名前、メールアドレス、電話番号、お問い合わせ内容など
Contact Form 7では、フォーム側で設定したメールタグを利用して、入力された情報をメール本文へ表示できます。
メール本文にフォームの入力内容を表示する
例えば、フォーム側で以下のようなメールタグを設定している場合です。
[your-name]
[your-email]
[your-tel]
[your-message]メール本文にこれらのタグを記述することで、ユーザーがフォームへ入力した内容を管理者宛メールに表示できます。
設定が完了したら、実際にフォームからテスト送信を行い、メールが正常に届くか確認しましょう。
Contact Form 7で自動返信メールを設定する
お問い合わせフォームでは、管理者への通知だけでなく、お問い合わせをしたユーザーへ自動返信メールを送ることも重要です。
Contact Form 7では「メール（2）」を利用すると、自動返信メールを設定できます。
自動返信メールを設定するメリット
例えば、お問い合わせをしたユーザーへ、以下のような内容を自動返信できます。
「このたびはお問い合わせいただきありがとうございます。お問い合わせを受け付けました。内容を確認のうえ、担当者よりご連絡いたします。」
ユーザー側からすると、フォームを送信した直後に受付完了メールが届くことで、「ちゃんと送信できた」という安心感につながります。
企業サイトでは、基本的に自動返信メールを設定しておくことをおすすめします。
お問い合わせフォームを固定ページに設置する
フォームの設定が完了したら、実際にWebサイトへ設置します。
Contact Form 7のフォーム一覧に表示されているショートコードをコピーします。
[contact-form-7 id="123" title="お問い合わせ"]このショートコードを、お問い合わせページの本文へ貼り付けます。
WordPressのブロックエディターを利用している場合は、「ショートコード」ブロックを使用できます。
使用しているWordPressテーマによっては、Contact Form 7専用のブロックが用意されている場合もあります。
設置後は、実際の公開ページを確認してください。
お問い合わせフォームを設置したら必ずテストする
お問い合わせフォームは、設置しただけで終わりではありません。
公開前に必ずテスト送信を行いましょう。
フォームが正常に表示されるか確認する
PCだけでなく、スマートフォンでも確認します。
入力欄やボタンが正しく表示されているか、レイアウトが崩れていないかを確認しましょう。
必須項目が正しく機能するか確認する
必須項目を入力せずに送信ボタンを押し、エラーメッセージが表示されるか確認します。
管理者へメールが届くか確認する
フォームから送信した内容が、管理者のメールアドレスへ正常に届くか確認します。
自動返信メールが届くか確認する
お問い合わせをしたユーザー側にも、自動返信メールが正常に届くか確認します。
メール本文が正しいか確認する
名前やメールアドレス、電話番号、お問い合わせ内容など、入力した情報がメール本文に正しく表示されているか確認します。
スマートフォンで操作できるか確認する
スマートフォンで実際にフォームへ入力し、操作しづらい部分がないか確認します。
入力欄や送信ボタンが小さすぎないか、キーボードが表示された状態でも入力しやすいかなども確認しておきましょう。
Contact Form 7でメールが届かない場合
Contact Form 7を使っていると、「フォームは送信できたように見えるのに、メールが届かない」という問題が発生することがあります。
この場合、Contact Form 7そのものではなく、WordPressがメールを送信する仕組みや、サーバー側のメール設定が原因になっているケースがあります。
特に企業サイトでは、フォームを設置しただけで安心するのは危険です。
実際にはメールが届いていなかったという状態になると、Webサイトから問い合わせを獲得しても、その問い合わせを受け取ることができません。
メールが届かないときに確認するポイント
- 送信先メールアドレス
- 送信元メールアドレス
- サーバーのメール設定
- SPF
- DKIM
- DMARC
- WordPressのメール送信環境
- 迷惑メールフォルダ
- サーバーやセキュリティ側の設定
特に最近はメールのなりすまし対策が重要になっているため、Webサイトのフォームを運用する場合は、メールの認証設定まで含めて確認することをおすすめします。
Contact Form 7のスパム対策
お問い合わせフォームを公開すると、迷惑メールやボットによる大量送信が発生することがあります。
特にWordPressとContact Form 7を利用しているWebサイトでは、スパム対策も重要です。
代表的なスパム対策
- Google reCAPTCHA
- Cloudflare Turnstile
- Akismet
- honeypot
- IPアドレスによる制限
- 入力内容のバリデーション強化
ただし、対策を増やしすぎると、今度は一般ユーザーがフォームを送信しづらくなることがあります。
「スパムを防ぐこと」と「ユーザーが使いやすいこと」のバランスを考えて設定することが大切です。
Contact Form 7でサンクスページを設定する
お問い合わせフォームを送信した後に、「お問い合わせありがとうございました」という専用ページを表示させる方法もあります。
このページを一般的に「サンクスページ」や「完了ページ」と呼びます。
サンクスページを作るメリット
サンクスページを用意するメリットは、ユーザーに送信完了を明確に伝えられることです。
さらに、Google Analyticsなどのアクセス解析を利用している場合は、「お問い合わせ完了」をコンバージョンとして計測しやすくなるというメリットもあります。
企業サイトでお問い合わせを重要なコンバージョンとして扱うのであれば、サンクスページの設置もおすすめです。
お問い合わせフォームは「作る」だけでは不十分
WordPressでお問い合わせフォームを作ること自体は、それほど難しくありません。
しかし、実際の企業サイトでは、「フォームを表示できれば完成」というわけではありません。
重要なのは、以下のような点まで考えて設計することです。
- ユーザーが入力しやすいか
- スマートフォンで使いやすいか
- 必要な項目だけになっているか
- メールが確実に届くか
- 自動返信が正常に動作するか
- スパム対策ができているか
- 個人情報を適切に扱えているか
- 問い合わせを正しく計測できるか
Webサイトから問い合わせを獲得することが目的なら、フォームそのものだけではなく、ページ全体の導線やユーザー体験まで設計する必要があります。
SCSolutionではWordPressのホームページ制作・運用に対応しています
SCSolutionでは、WordPressを利用した企業・店舗・事業者向けのホームページ制作から、公開後の更新・運用まで対応しています。
例えば、以下のようなご相談に対応しています。
- ホームページを新しく作りたい
- 現在のホームページをリニューアルしたい
- WordPressの設定やプラグインについて相談したい
- お問い合わせフォームがうまく動かない
- ホームページを作った後の運用もお願いしたい
- Webサイトの表示速度を改善したい
- WordPressのセキュリティを強化したい
特に長崎県・佐世保市を中心に、地域の企業・店舗・事業者様のWebサイト制作をサポートしています。
もちろん、全国からのご相談にも対応しています。
Webサイトは、公開して終わりではありません。
集客、問い合わせ、採用、情報発信など、目的に合わせて継続的に改善していくことが重要です。
ホームページに関するお悩みがありましたら、お気軽にご相談ください。
まとめ
今回は、WordPressでお問い合わせフォームを作成する方法として、Contact Form 7の基本的な使い方を紹介しました。
Contact Form 7を利用すれば、WordPressに比較的簡単にお問い合わせフォームを設置できます。
ただし、実際のWebサイトで運用する場合は、フォームの設置だけではなく、以下のような部分まで考えることが重要です。
- メール設定
- 自動返信
- サンクスページ
- スパム対策
- スマートフォン対応
- メール認証
- コンバージョン計測
お問い合わせフォームは、Webサイトからお客様との接点を作る重要な部分です。
「とりあえずフォームを設置する」のではなく、「問い合わせにつながるフォーム」として設計することで、ホームページの成果も変わってきます。
SCSolutionでは、WordPressを利用したホームページ制作・リニューアル・運用について、長崎県・佐世保市を中心に全国からのご相談にも対応しています。
ホームページについてお困りのことがありましたら、ぜひ一度ご相談ください。
