MINIMUM FORM EXAMPLE
これはUI見本です。実際のフォームでは、業種と運用に必要な項目だけを追加します。
サイト全体の順番から確認する場合は、個人事業主のホームページ設計ロードマップから進めます。
問い合わせフォームの基本は5〜7項目から考える
個人事業主や小規模事業者の一般的な問い合わせでは、最初から細かい顧客情報をすべて入力してもらう必要はありません。まずは次のような項目から検討します。
| 項目 | 基本設定 | 理由 |
|---|---|---|
| 名前 | 必須候補 | 返信時の宛名に必要 |
| メールアドレス | 必須候補 | 返信先として必要 |
| 問い合わせ種類 | 任意または選択式 | 相談内容を振り分けやすい |
| 問い合わせ本文 | 必須候補 | 相談内容を確認するため |
| 電話番号 | 必要な業種のみ | メール対応で足りるなら任意でもよい |
| 希望連絡方法 | 必要に応じて | 電話・メールなど複数手段がある場合 |
| 同意欄 | 運用に応じて | プライバシーポリシー等の確認が必要な場合 |
必須項目を増やすほど、入力する負担も増えます。『この情報がないと返信できないか』を基準にして、必須と任意を分けます。
初回フォームで聞かなくてもよい情報を分ける
住所、生年月日、細かな予算、会社情報、希望納期などは、業種によっては必要ですが、初回問い合わせ時点で必須とは限りません。
たとえばホームページ制作の相談なら、最初は『新規制作・リニューアル・運用相談』程度の選択肢と相談内容があれば、返信時に追加で確認できます。初回から細かく聞きすぎると、まだ比較検討中の利用者には重く感じられる場合があります。
必須・任意は見た目でも分かるようにする
フォーム項目には、何を入力する欄か分かるラベルを付けます。必須項目がある場合は、色だけに頼らず『必須』などの文字でも伝える方が分かりやすくなります。W3Cのアクセシビリティ解説でも、入力欄にはラベルや説明を用意し、必須項目を明確に示すことが案内されています。
- 入力欄の上や近くに具体的なラベルを置く
- 『必須』『任意』を文字で表示する
- 日付や電話番号など形式指定がある場合は例を書く
- エラー時は、どの項目を直すか分かるメッセージを出す
- プレースホルダーだけで項目名を済ませない
問い合わせ種類は選択式にすると整理しやすい
複数サービスがある場合は、問い合わせ種類をプルダウンやラジオボタンで分けると、受信後の振り分けがしやすくなります。
ただし、選択肢を増やしすぎると迷いやすくなります。主要サービスを3〜5種類程度にまとめ、『その他』を用意する方法もあります。
入力前に伝えておきたい情報
問い合わせフォームへ進んだ後で条件を知ると、利用者は戻る必要があります。フォームの前後には、必要に応じて次の情報を案内します。
- 返信までのおおよその目安
- 対応している相談内容
- 営業目的の連絡への方針
- 電話対応の有無
- 個人情報の取り扱い
料金やサービス条件を先に確認してもらいたい場合は、料金表の作り方やサービス紹介ページの作り方から自然に問い合わせへつなげます。
送信後の画面も問い合わせ導線の一部
送信ボタンを押した後に『送信しました』だけでは、利用者は本当に届いたのか、いつ返事が来るのか不安になることがあります。送信完了画面では次の内容を案内すると分かりやすくなります。
| 送信後に伝える内容 | 例 |
|---|---|
| 受付完了 | お問い合わせを受け付けました |
| 返信目安 | 通常○営業日以内に返信します |
| 自動返信 | 確認メールを送信しています |
| 届かない場合 | 迷惑メールフォルダや入力アドレスを確認 |
| 緊急時の代替手段 | 必要な場合のみ電話などを案内 |
公開前チェック
- 必須項目が本当に必要なものだけになっている
- すべての入力欄に分かりやすいラベルがある
- スマホで入力しやすい
- エラー時に修正箇所が分かる
- 送信ボタンの文言が具体的
- 送信後の案内がある
- 実際にテスト送信してメールが届く
フォーム自体が正常でもメールが届かない場合は、WordPressの問い合わせメールが届かないときの確認手順を使って切り分けます。ボタンの位置や文言を改善する場合は、CTA配置の考え方も確認してください。
まとめ
問い合わせフォームは、項目数を増やすことより、返信に必要な情報だけを分かりやすく入力できることが重要です。必須と任意を分け、ラベル・エラー表示・送信後案内まで一続きで確認すると、利用者が迷いにくい問い合わせ導線になります。

