制作の進め方

問い合わせフォームは「送信できた」で終わらない|受信・返信・エラーの確認例

執筆:菅原隆志 公開:約3分で読めます

問い合わせフォームの入力と受信を確認するイメージ
画像はAIで生成したイメージです。実際のお客様や案件の写真ではありません。

お問い合わせフォームを作った後、送信ボタンを押して「送信しました」と表示される。そこまで確認すると、安心したくなりますよね。

でも、その表示は必ずしも、担当者の受信箱にメールが届いたことを意味しません。送信の受付、通知メールの送信、受信、担当者の確認は、それぞれ別の段階です。

最初に、問い合わせの届き方を決める

フォームには、入力内容が管理画面へ保存されるもの、担当者へメールで通知されるもの、その両方を使うものがあります。

確認したいのは、次のことです。

  • 問い合わせの内容はどこへ保存されるか
  • 担当者に、どの方法で知らせるか
  • 入力した本人へ自動返信するか
  • 送れなかったとき、誰が気づけるか
  • 内容を確認できる担当者は誰か

お客様と決めていない場合は、制作前に運用方法を確認しましょう。

架空の内容で、受付から受信まで試す

テストは、お客様の許可を得た検証環境で、実在する顧客情報を使わずに行います。メールの受信確認には、テスト担当者が管理し、実際に受信できる専用のアドレスを使います。

【確認メモの例】

  1. 架空の名前と、テスト専用アドレスを入力する。
  2. 必須項目を空欄にした場合、どこを直せばよいか表示されるか。
  3. 正しい形式で送信した後、受付結果が画面に表示されるか。
  4. 保存する仕組みがある場合、管理画面にテスト内容が残るか。
  5. 通知メールが、担当者のテスト用受信箱に届くか。
  6. 自動返信がある場合、入力した本人側の受信箱でも届くか。

受信箱に届いたことと、相手がメールを読んだことは別です。開封したかどうかまでは、この確認だけでは分かりません。

テスト後は、不要なテストデータを、管理者と決めた方法で整理します。

失敗したときも、利用者が迷わないか

通信が切れたときや、入力内容に不足があるとき、利用者が次に何をすればよいか分かるかを確かめます。

たとえば「メールアドレスを確認してください」と表示されれば、どの欄を直すかが分かります。「送信に失敗しました」の場合は、再試行の方法や別の連絡方法が示されていると、問い合わせを諦めずに済むかもしれません。

実際の不具合対応や通知方式はサイトごとに異なります。例文だけを表示して、失敗を運営側が把握できない状態にしないことも大切です。

見た目の確認と、安全性の確認は別

必須欄の表示や、入力形式を確認する機能は使いやすさに役立ちます。ただし、画面側のチェックだけで不正な入力を防げるわけではありません。受け取る側でも適切に検証する必要があります。[参考1]

また、問い合わせ内容を見られる人の範囲、保管期間、個人情報の扱いも確認します。必要な確認を専門家に依頼するかどうかは、サイトの内容と扱う情報を踏まえて決めてください。

確認したことを、納品時に伝える

「フォームは完成しました」だけでなく、どの環境で、何を試したかを伝えると、お客様も運用を始めやすくなります。

例:「検証環境で送信し、担当者用と自動返信用のテスト受信箱に届くことを確認しました。本番の通知先は、設定後にお客様と一緒に確認します」

月額相談では、このような確認項目の整理や、お客様への説明の仕方を相談できます。実際のフォーム制作や修正は、別途お見積もりです。

【参考資料】確認日:2026年10月28日

[参考1]MDN「クライアント側のフォーム検証」

https://developer.mozilla.org/ja/docs/Learn_web_development/Extensions/Forms/Form_validation

[参考2]MDN「フォームデータの送信」

https://developer.mozilla.org/ja/docs/Learn_web_development/Extensions/Forms/Sending_and_retrieving_form_data

[参考3]W3C「Validating Input(フォームの入力内容の検証)」

https://www.w3.org/WAI/tutorials/forms/validation/

この記事を書いた人

菅原隆志

Plus AIしごとサポート運営。AIを使ったWeb制作やシステムの制作・修正に取り組んでいます。自分で試し、確認し、お客様へ説明する中で得た経験を、初心者の方にも伝わる言葉でお伝えします。

運営者とサポートの紹介を見る →
ひとりで迷ったときは

あなたの「次はどうする?」を、相談できます。

記事で基本を知った後は、自分で小さく試してみる。わからないところがあれば、月額相談で今の状況を一緒に整理する。あなたに合う進め方を選べます。

制作の全部・一部を任せる場合は別途見積もりです。仕事の獲得・収入・問題の解決を保証するものではありません。

YOUR VOICE

あなたの「やりたい」を、
聞かせてください。

こんな機能がほしい。サイトや仕組みを作りたい。
小さなアイデアやお困りごとも、お気軽に。
何かお力になれることがあるかもしれません。

送る内容

会員登録なし・メールアドレスなしでも送れます。返信をご希望の方はメールアドレスをご入力ください。

送信内容は一般公開されません。今見ているページも一緒に届きます。個人情報の取り扱い

不具合の調査と不正利用防止のため、送信日時・IPアドレス・端末とブラウザーの種類を記録します。運営だけが確認でき、通知メールには載せません。接続情報は30日で表示を終了し、順次削除します。端末の詳しい機種名やエラーが分かる場合は、本文に添えてください。パスワード・認証コード・再設定リンクは記載しないでください。