theonehub.app

WEB — Webサイトの基礎

問い合わせフォームは送信完了から受信まで確認する

問い合わせフォームは送信完了から受信まで確認するのアイキャッチ

送信完了の表示が出ても、担当者に届いたとは限りません。自分が管理するフォームでは、入力、送信、受信、返信の経路を一つずつ確認します。

この記事の目次

テストの宛先と内容を決める

受信を確認できる担当者と時間を決め、テストと分かる識別文を使います。実在するお客さまの情報を使わず、返信先も自分たちが管理するアドレスを使います。テストで外部の顧客へ自動返信が飛ばないようにします。

入力ミスへの案内を試す

必須項目を空にした場合、メール形式が違う場合、日本語や改行を入れた場合を確認します。エラーがどの欄の問題か分かるか、入力済み内容が不必要に消えないかも見ます。ブラウザ側の検査だけで、サーバー側の検証を代替しないでください。

送信と受信の両方を見る

完了画面、管理側の受信、迷惑メール扱い、返信先を確認します。添付を受け付けるなら対応形式や容量制限も案内と照合します。失敗した場合に、成功と同じ表示を出していないかも点検します。

スマホとキーボードで通す

スマホでラベルやエラーが隠れないか、キーボードで各欄と送信ボタンへ進めるか確認します。テスト記録には確認した版と結果を残し、不要なテストデータは保管ルールに従って整理します。

フォームの送信完了と、管理側の受信を両方確かめる
フォームの送信完了と、管理側の受信を両方確かめる
画像を選ぶと拡大できます。
  1. テストと分かる内容を、管理できる宛先で送ります。
  2. 送信結果の画面が、実際の成功・失敗に合うか確認します。
  3. 管理側の受信箱で、内容と返信先まで確かめます。

完了画面の前後にある処理を分ける

問い合わせは、入力した内容が送信され、運営側で受け取られ、必要な対応へ進む流れです。完了画面は利用者に結果を伝える部分ですが、受信箱や管理画面で確認できることとは別の段階です。テストでは、同じ識別文を使って入口から受信までたどります。

自動返信がある場合は、問い合わせを受けた担当者への通知と、送信者への控えを分けます。片方が届いたことをもう片方の成功と扱いません。実際の利用者へ影響しない、自分たちが管理する宛先とデータで確認します。

営業時間の問い合わせを試す例

テストと明記した短い問い合わせを、自分たちのフォームへ送る場面を考えます。日本語の本文と改行を含め、送信者名や返信先には管理できるテスト用の情報を使います。まず入力と確認の画面で欠けがないかを見て、送信後の表示を記録します。

次に担当者の受信先で同じ識別文を探し、本文、改行、返信先を確認します。自動返信を使うなら、管理する送信者側にも控えが来るかを見ます。返信の試験は合意したテスト相手に限定し、実在顧客のアドレスを便宜的に使いません。失敗した場合は、フォームの送信、通知処理、受信先のどこまで進んだかを分けます。

成功以外の画面も確認する

状況利用者に必要な案内
必須項目が空どの欄を埋めるか
入力形式が合わない何を直すか
送信処理が失敗完了していないことと次の方法
送信済み次にどう対応されるか

エラーの出し方は、入力を続けられるかまで確認します。スマホでエラーがキーボードの裏へ隠れる、フォーカス移動で問題の欄へ戻れない、といった状態も点検対象です。公開後に通知先やフォーム設定を変えたら、関係する経路を再確認します。送信完了だけでなく、担当者が内容を扱えることを確認の終点にします。

参考リンク