日々の疑問に、確かめられる答えを。 運営・編集
しるべSHIRUBE / JOURNAL
Web制作

問い合わせフォームが届かない|送信・保存・メール通知を分けて調べる

送信完了が出るのに通知が来ないときの確認方法。受付データ、自動返信、運営者への通知を区別し、公開前のテスト表を作ります。

編集部作成の概念図。実際の管理画面とは異なります。
問い合わせフォームが届かない|送信・保存・メール通知を分けて調べるの要点をまとめた編集部の図解
問い合わせフォームが届かない|送信・保存・メール通知を分けて調べるの要点をまとめた編集部の図解

編集部作成の概念図。実際の管理画面とは異なります。

完了画面が出たか、受付が残ったかを別々に確認する

フォームは、入力、送信、受付データの保存、通知という複数の段階でできています。サービスによってはメール送信が中心で、回答保存がない構成もあります。まず自分のフォームが何をする設計なのかを確認します。

「送信できました」という表示だけでは、運営者が内容を読めたとは限りません。編集部では、公開前にテスト用の識別文を入れて送り、受付画面と通知メールを対応づける方法を勧めます。

受付までの別々の段階(編集部作成)
受付までの別々の段階。入力と送信。受付データ。メール通知
受付までの別々の段階。入力と送信。受付データ。メール通知

受付までの別々の段階(編集部作成)

届かない場所を分ける表

状況先に見る場所次の確認
送信ボタンを押しても進まない必須項目・入力エラー・通信エラー表示と再現手順
受付データがない送信先・サーバー側の処理エラー記録・保存方式
受付はあるが運営者通知がない通知先・送信サービス・迷惑メール配送ログと設定
運営者通知はあるが自動返信がない自動返信の有効化・宛先・入力値別のメール先で比較

入力確認はブラウザーだけで完結させないことが基本です。MDNは、利用者側の検証が回避できるため、サーバー側でも検証が必要と説明しています。作成ツールを利用する場合は、ツールが提供する受付やエラー処理の仕様を確認します。

公開前に試したい5パターン

  1. 必須項目を埋めた正常な送信。本文に「公開前テストA」などの識別文を入れます。
  2. 必須項目を一つ空にした送信。どこを直すか分かるかを見ます。
  3. メールアドレスの形式が不正な入力。意味が分かる案内が出るか確認します。
  4. スマホからの送信。キーボードでボタンが隠れないかも見ます。
  5. 通信に失敗した場合の表示。入力を失わず再試行できる設計かを担当者と確認します。
公開前に試す操作(編集部作成)
公開前に試す操作。正常に送る。入力を直す。スマホで送る
公開前に試す操作。正常に送る。入力を直す。スマホで送る

公開前に試す操作(編集部作成)

実在の他人のメールアドレスを使わず、テスト用に管理できる宛先を使います。繰り返しテストする場合は、受付担当者が実際の問い合わせと取り違えないよう識別文を統一してください。二重送信を調べるテストは、外部予約や決済などの副作用がない環境で行います。

メールの問題は、WebのDNSと分けて扱う

独自ドメインでメールを使う場合、受信のためのMXなど、Web公開とは別のDNS設定が関係します。Cloudflareの資料も、メールサービスの指定に合わせてレコードを設定するよう案内しています。サイトが表示されたことだけで、メールの設定が完了したとは判断できません。

送信メールの認証設定は使う配信サービスの案内に沿います。値を推測して追加したり、他のサービス用の設定を一括削除したりしないでください。受付保存に成功して通知だけ失敗しているなら、まず保存された問い合わせを確認し、返信漏れを防ぎます。

AI生成のイメージ画像。実在する利用者の体験や作業画面ではありません。
Webサイトを準備・確認する場面のイメージ
Webサイトを準備・確認する場面のイメージ

AI生成のイメージ画像。実在する利用者の体験や作業画面ではありません。

テスト結果を残すひな形

テストID送信時刻完了表示受付記録運営者通知自動返信
テストA__________
テストB__________

自動返信を実装していない場合は「対象外」と書きます。届いていない状態と、そもそも送らない設計を混同しないためです。受付データにアクセスできる担当者と、通知メールを読む担当者も決めておきます。

記録を対応づける(編集部作成)
記録を対応づける。テストID。受付した時刻。届いた通知
記録を対応づける。テストID。受付した時刻。届いた通知

記録を対応づける(編集部作成)

利用者への案内も実際の運用に合わせる

返信までの時間、休業日の扱い、急ぎの連絡手段は、実行できる条件を書きます。「すぐ返信します」と表示しているのに確認担当がいない状態を避け、返信できない場合の代替連絡先まで検討しましょう。

SITE PORTを検討するときの確認ポイント

SITE PORTのフォームを検討する際も、入力画面だけでなく、本番の受付先と通知まで確認してください。運用開始前にこのテスト表を使うと、誰が何を確認するかが明確になり、公開後の問い合わせ対応を整えやすくなります。

SITE PORTの完成例を見る・編集のデモを見る。自分で更新する場面を想像しながら、利用できる機能とサポート範囲を申込前に確認してください。

次に確認したいこと

[スマホでの操作確認](/articles/mobile-website-prelaunch-check)・[HTTPSの不具合](/articles/https-certificate-warning-check)

出典・確認情報

確認日:2026-10-12 / 公式情報の要点と編集部の提案を整理しています。価格・機能・条件は変更される場合があります。

MDN:フォームの入力検証Cloudflare:メール用DNSレコード

次の「わかる」を見つける

Web制作18分で読める

独自ドメインを買う前に確認すること:初年度料金だけで選ばないためのチェックリスト

初年度の安さだけで決めないために。更新料、自動更新、Whois情報公開代行、無料ドメインの条件、移管料を公式情報で確認し、購入前のチェックリストで整理します。

2026.10.14 確認
Web制作20分で読める

WordPress用レンタルサーバー3社を比較|12か月の総額と無料お試しの注意点

エックスサーバー・ロリポップ!・さくらのレンタルサーバを、12か月の通常料金、ドメイン代、バックアップ、試用から課金に変わる条件で比較。初めて申し込むときの確認手順も説明します。

2026.10.14 確認
WordPress表示設定で最新の投稿と固定ページの選択肢、ホームページと投稿ページの欄、保存ボタンがある。
Web制作8分で読める

WordPressのトップページを固定ページにする方法|お知らせ一覧との分け方

「ホーム」と「お知らせ」を用意し、表示設定で割り当てる手順。管理画面・固定ページ一覧・表示設定の公式画面と4枚の図解で、入口から保存後の確認まで説明します。

2026.10.14 確認