WordPressでお問い合わせフォームを作った。テスト送信も成功した。これで完成、と言いたくなりますが、私のブログでは、まだ受信確認が残っています。
今回使ったのはContact Form 7です。ブログの枠を整える一環で、名前・メールアドレス・件名・本文を送れるフォームを作りました。画面には送信成功と表示されていますが、受信箱への到着までは確認できていません。
この記事では、この実際の設定記録をもとに、フォームを作るときの考え方と、メール設定で混同しやすい「宛先・差出人・返信先」、テストで確認する順番を整理します。
フォームを置きたい人だけでなく、送信成功なのに届いたか分からない人にも、確認する場所が分かる内容にしています。私の環境で配送まで解決できた、という記事ではありません。
まず、連絡を受け取る流れを決める
最初に考えたのは、何を送ってもらうかです。今回の項目は、名前、メールアドレス、件名、本文。プライバシーポリシーへの同意も付けました。
仕事の相談だからと、初めから会社名、住所、電話番号、予算などを全部必須にすると、入力する側の手間も増えます。私のブログでは、最初の連絡を受け取り、返信できる形を目指しました。
必要な項目は、ブログの用途によって変わります。個人の感想を受け取るのか、見積もりを依頼してもらうのか。まず、届いたメールを自分がどう読むか、何があれば返事ができるかを考えると、項目を選びやすくなります。
これは今回の構成を考えるための整理で、どのブログも四項目にすべき、という意味ではありません。
フォームの表示と、通知メールは別に確認する
フォームがページに表示されることと、入力された内容をメールで受け取れることは、確認する作業が違います。
Contact Form 7の公式FAQでは、WordPressの管理画面の「お問い合わせ」からフォームを設定し、ページには専用ブロックまたはショートコードで配置できると案内されています。また、フォームに項目を足した場合は、メール側にも対応するタグを入れる必要があります。
見た目に入力欄が増えていても、それだけで通知の本文にすべて載るとは限りません。テストでは、入力できるかだけでなく、受信したメールに必要な内容が入っているかも見ます。
私のフォームについても、画面上の成功表示だけで確認を終えず、受信後に件名・本文・返信先を見る必要があります。
宛先・差出人・返信先を混同しない
ここは、名前が似ていて分かりにくいところです。今回の受信先はブログ専用のGmail、差出人にはブログと同じドメインに属するアドレス、返信先にはフォームに入力されたアドレスを設定しています。
| 項目 | 役割 | 今回の考え方 |
|---|---|---|
| 宛先（To） | 通知を受け取る場所 | 運営者が確認するブログ専用の受信先 |
| 差出人（From） | フォームから送るメールの送信者情報 | ブログと同じドメインのアドレス |
| 返信先（Reply-To） | 通知メールへ返信するときの宛先 | フォームを送った人のアドレス |
Contact Form 7のメール設定の公式説明では、Fromにサイトと同じドメインのメールアドレスを使うよう案内されています。訪問者のアドレスを、そのまま差出人にする設定とは違います。
さらに、設定検証の公式FAQでは、訪問者への返信にはReply-Toを利用する説明があります。送る側のドメインと差出人が食い違うと、なりすましとして扱われる可能性があるため、差出人と返信先を分ける考え方です。
たとえば、通知は運営者の受信箱へ届け、返信ボタンでは相談者宛てのメールを作りたい。その二つを成立させるために、ToとReply-Toを別々に確認します。
なお、同じドメインのアドレスを設定することだけで、すべての環境の配送を保証できるわけではありません。実際に管理しているアドレスと、利用中のメール環境に合わせて確認してください。
- 01表示・入力入力欄と同意欄が使えるか
- 02送信表示画面の成功・エラー表示を確かめる
- 03受信内容通知の到着・件名・本文を確かめる
- 04返信先返信メールの宛先を確かめる
この図は確認の順番です。私のフォームの受信確認は、まだ残っています。
テスト送信では、画面と受信箱を見る
私のブログでは、動作確認だと分かる文章を一通送信しました。画面には送信成功の表示が出ました。
その時点で分かったのは、フォーム側の成功表示までです。運営者がメールを読める状態になったかは、もう一段確認が必要です。
テストのときは、送った時刻と件名を控えると、受信箱から探しやすくなります。個人情報や長い相談文を入れる必要はなく、自分の管理するアドレスで、テストだと分かる短い内容にします。
受信後に見たいのは、次の点です。
- 設定した受信先に届いているか。
- 件名で、お問い合わせだと見分けられるか。
- 名前や本文が、入力した内容として表示されているか。
- 返信先が、送信者のアドレスになっているか。
- スマートフォンからも、入力・送信ができるか。
返信先は、実際に返信を送らなくても、メール作成画面の宛先を見て確認できます。第三者へ動作確認のメールを送るのではなく、自分で管理する宛先で試す形が分かりやすいと思います。
送信成功なのに、メールが見つからないとき
Contact Form 7の公式FAQでも、成功表示が出るのにメールを受信できないケースが説明されています。成功表示は、そのメールが受信箱へ届いた証明ではありません。
まず、テストしたフォームの宛先に誤りがないかを見て、指定した受信箱と迷惑メールフォルダを探します。別のフォームの設定を開いていないか、テストの時刻や件名を取り違えていないかも確認したいところです。
それでも分からない場合は、送信時刻、画面の表示、設定した宛先、受信側で確認した場所をまとめておくと、次の調査やサポートへの相談につなげやすくなります。
ここで設定を一気に変えると、何が問題だったのか分かりにくくなります。変更するなら、変更前の状態を残して、一つずつ確認する。これは特定の解決策ではなく、確認結果を見失わないための進め方です。
私自身のフォームは、受信できたとも、配送に失敗したとも、まだ断定していません。「受信未確認」と「届かないことを確認した」は別の状態だからです。確認できた結果が増えたら、この記録にも追記していきます。
お問い合わせページを、ブログの入口につなげる
フォームを作ったら、ホームやメニューからたどれる場所に置きます。連絡先を作っても、読者が見つけられなければ使えません。
私のブログでは、プロフィールとプライバシーポリシーも一緒に用意しました。誰が運営しているか、連絡を受ける場所はどこかが分かるように、基本ページをまとめて整えています。
その順番は、XサーバーとCocoonでブログの枠を整えた記録へ。白紙のブログから始めたときの気持ちは、記事を書く前に入口を作ったnote（noteで近日公開）にも書きました。
あわせて読みたいXサーバーとCocoonでブログの枠を整えた記録 →
お問い合わせフォームは、見た目を作るところで終わりではありません。入力できる、送信表示が出る、必要な内容を受け取れる、返事ができる。その流れで確かめるところまでを、準備に含めておきたいです。
次に読みたい記事
気になるところから、続きをどうぞ。
コメント