お問い合わせフォームの作り方と必須項目・迷惑対策がわかる設置ガイド

お問い合わせフォームは、今のサイトに機能を追加するか、外部フォームを使って設置します。仕組みがわからなくても、管理先への依頼から始められます。

必須項目は返信と対応に必要なものだけに絞ります。名前や電話番号は一律に必須ではありません。迷惑対策を整え、送信と通知メールの受信まで試してから公開しましょう。

作り方は今のサイトで使える機能と管理できる範囲で選ぶ

まず、サイトの管理画面に入れるか確かめます。フォーム機能の有無と、公開後に変更を頼める相手も確認しましょう。外部フォームを使う場合も、項目変更や回答確認の担当は必要です。

仕組みが不明なら、管理先に次のように尋ねれば大丈夫です。

「問い合わせフォームを追加できますか。項目変更、迷惑対策、通知の受信テストまで依頼できる範囲を教えてください」

保守も大切な判断材料です。じぶんフォーム導入事例（2022年）では、取扱説明書の制作事業者が、更新の多いツールの保守を負担に感じ、フォームを変更しています。

フォームを作成し、問い合わせページから使えるようにする

WordPressではフォームとメールを設定してページに追加する

例として、Contact Form 7の公式手順に沿った流れを紹介します。

1. 「プラグイン」からContact Form 7をインストールし、「有効化」を押す。
2. 「お問い合わせ」で対象フォームを開き、「フォーム」で入力項目を編集する。
3. 「メール」で通知先や本文を設定し、「保存」を押す。
4. 「固定ページ」で問い合わせページを開く。「Contact Form 7」ブロックを追加し、対象フォームを選んで保存する。

入力欄の編集で記号やコードが並び、手が止まったら、希望項目を管理先に渡して任せて構いません。

出典：Contact Form 7公式「Getting started with Contact Form 7」

外部フォームは公開し、ログイン条件を確かめて案内する

Googleフォームでは、項目を作成後に「公開」を押します。回答できるユーザーを設定し、回答者向けリンクをサイトの「お問い合わせ」ボタンなどに設定します。

「回答を1回に制限する」を有効にすると、ログインが必要です。また、問い合わせ内容を他の人に見せないよう、「結果の概要を表示する」はオフにします。

出典：Googleドキュメント エディタ ヘルプ「フォームを公開して回答者と共有する」

必須項目は返信と対応に欠かせない情報に絞る

メールで返信する窓口なら、次を軸に考えます。

• メールアドレス：返信先として必須にする。
• お問い合わせ内容：対応に必要なので必須にする。
• 名前：顧客照合など、用途があるかで判断する。
• 電話番号：電話連絡が必要な場合に求める。

例えば、メールだけで回答するなら、電話番号は設けない選択もできます。「任意なら置いておこう」ではなく、使い道から考えましょう。

項目名には「メールアドレス（必須）」と明記します。入力例だけを項目名の代わりにしないことも大切です。エラーは「メールアドレスに@を含めてください」など、直し方まで伝えます。

送信後は「お問い合わせを受け付けました」と表示します。W3Cの「Forms Tutorial」も、必要な情報だけを求め、修正方法と送信成功を伝えるよう案内しています。

個人情報の利用目的も入力画面に示しましょう。例えば「入力情報は、お問い合わせへの回答に利用します」と、実際の用途に合わせて記載します。

通知メールは差出人と返信先を分け、受信担当を決める

「送信できたのに、お店にメールが来ない」は避けたいところ。通知先のアドレスと、受信を確認する担当を先に決めます。

Contact Form 7では、差出人はサイトと同じドメインのアドレスにします。ドメインとは、アドレスの@より後ろの部分です。問い合わせ者のアドレスは、差出人ではなく返信先に指定します。

設定を頼むなら「通知は当店のアドレスから送り、返信すると問い合わせ者に届くようにしてください」で伝わります。

届かないときは、通知先の入力ミスと迷惑メールフォルダーを確認。直した後は、フォームからもう一度送信して受信を試します。

出典：Contact Form 7公式「Setting up mail」

迷惑対策は送信時の検証と自動返信の悪用防止まで行う

迷惑対策は、画面に認証部品が見えれば完了、ではありません。例えばTurnstileは、送信を受け取る側でも「正しく認証された送信か」を調べる必要があります。

ここは制作会社や詳しい人に任せてよい部分です。「画面への設置だけでなく、送信時の検証までお願いします」と依頼しましょう。

また、自動返信は第三者への迷惑メールに悪用される恐れがあります。他人のアドレスを入力されると、その人へメールを送ってしまうためです。対策を整えるまでは、自動返信を使わない判断もできます。

出典：Cloudflare公式Turnstileドキュメント（2026年更新）、Contact Form 7公式「Unsafe email config is used without sufficient protection」

公開前チェックリストで入力から受信まで通して試す

例えば、自分の別のメールアドレスを使い、お客様のつもりで送信します。管理画面から離れて試すのがポイントです。

• スマートフォンで入力し、ログアウト状態でも使えるか。
• 必須欄を空にしたとき、入力を間違えたときに直し方が出るか。
• 迷惑対策を有効にした状態で、通常の送信ができるか。
• 送信完了が表示され、担当者に通知が届くか。
• 通知への返信先が問い合わせ者になっているか。
• 自動返信を使う場合、そのメールも届くか。
• 公開後の受信担当と、設定変更の依頼先が決まっているか。

今日やることは、サイトの管理先を確かめる、必要な項目を書き出す、テストの担当を決めることです。

進め方に迷ったら、まず無料のチャット相談で、自分で作るか、制作会社に頼むかを中立に整理できます。必要に応じて、合う制作会社の紹介や既存サイトの修正、自分で進めるための支援につなげられます。

参考にした公開事例: じぶんフォーム導入事例（株式会社ソニックガーデン）（2022年）