お問合せフォームのデザイン(2)

お客様が入力したフォームの内容が、きちんと反映されて、手元に届くようにします。
ContactForm7は、もしメールがエラーで行方不明になっても、データが残らないので、永遠に見つかることはありません・・・なので、しっかり作り込んで、何度も送信テストをして確認することが大切です。

お問合せフォームのデザイン(1)

(1)の続きです。
最初の、フォームで使ったメールタグを、拾いながら、メールの内容を作っていきます。
コツがわかれば、アレンジは自由です。

使える基本のメールタグ [_site_admin_email] サイトのログインに使用しているメールアドレス

[_site_title] ホームページのタイトルが入ります

[_site_url] ホームページのURL

[your-subject] お問合せの件名

[your-email] お問合せをしたお客様のメールアドレス

[your-name]  お客様の名前

[your-message]  お客様が入力した問い合わせ内容

自分に届くメールの内容を設定する

実際の設定例

送信先 〇〇〇@gmail.com(お問合せを受信したいメルアドを書く)

送信元 ▲▲▲@gmail.com (相手に知らせてもOKなサイト用のメルアド)

題名 [your-name] 様よりお問合せが届いています

メッセージ本文

差出人の氏名: [your-name] 
メールアドレス:[your-email]
電話番号:[your-tel]
ご住所:[adress]
お問合せ内容 【[contact-menu]】
---------------------------------------------------
<b>[your-message]</b>
---------------------------------------------------
◆◆任意のアンケート◆◆
Q1:ご家族は何人ですか?【[Q1]】
Q2:いつ頃までにご予定ですか?【[Q2]】
Q4:当サイトの情報に興味はありますか? 【[Q4]】
Q5:不安がありますか?【[Q5]】
Q6:勉強会やイベントのご案内を希望されますか?【[Q6]】
-----------------------------------------
このメールは [_site_title] <[_site_url]>のお問い合わせフォームから送信されました。
自分に送られてくるメール

【件名】日本 桜子様からお問合せが届いています

———————————————————–

差出人の氏名: 日本 桜子
メールアドレス:sakura@gmail.com
電話番号:080-1123-4567
ご住所:東京23区内
お問合せ内容 【セミナー参加希望】
—————————————————

はじめまして。参加するのは今回が初めてなのですが、

どうぞよろしくお願いいたします。

—————————————————
◆◆任意のアンケート◆◆
Q1:ご家族は何人ですか?【3人】
Q2:いつ頃までにご予定ですか?【年内】
Q4:当サイトの情報に興味はありますか? 【はい】
Q5:不安がありますか?【いいえ】
Q6:勉強会やイベントのご案内を希望されますか?【はい】
—————————————–
このメールはあそびごころ<https://toprize.sakura.ne.jp/kororo/2021/>のお問い合わせフォームから送信されました。

相手に届く自動返信の内容を設定する

上記で、メール(2)にチェックを入れると、相手にも自動応答でメールが届きます。
内容は、自分に届くものと全く同じでも構いませんが、自由にアレンジできます。

実際の設定例

送信先 [your-email]

送信元 [_site_title]<▲▲▲@gmail.com>(相手に知らせてもOKなサイト用のメルアド)

題名 [_site_title] [your-name]様、お問合せありがとうございます。

メッセージ本文

***********このメールは自動応答メールです**********
[your-name]様、お問合せありがとうございます。
お問合せ内容に関しましては、本お問い合わせの内容にのみ使用いたします。
お返事は、出来る限り迅速にご対応いたします。
3営業日を過ぎても何かしらの返信がない場合は、お手数ですが、
0120-123-456 まで直接ご連絡・お問合せをお願いいたします。

+++++++++++++++++++++++++++
<<送信されたメールの控え>>
差出人の氏名: [your-name] 
メールアドレス:[your-email]
電話番号:[your-tel]
ご住所:[adress]
お問合せ内容【[contact-menu]】
---------------------------------------------------
<b>[your-message]</b>
---------------------------------------------------
◆◆任意のアンケート◆◆
Q1:ご家族は何人ですか?【[Q1]】
Q2:いつ頃までにご予定ですか?【[Q2]】
Q4:当サイトの情報に興味はありますか? 【[Q4]】
Q5:不安がありますか?【[Q5]】
Q6:勉強会やイベントのご案内を希望されますか?【[Q6]】

--------------------------------------------------
このメールは [_site_title] <[_site_url]>のお問い合わせフォームから送信されました。

ホームページのことなら●●●!いつでもお気軽にお尋ねください!
*****株式会社○○○○******
営業担当:福岡 良子
●所在地 〒123-4567 東京都東三鷹市下蓮雀1-2-33  
TEL:0120-123-456  FAX:0120-123-567
営業時間:9:00~18:00  定休日 :日祝日・年末年始・盆
******************************************************************

必ず、フォームで使ったタグと、メールタグがの両方が合致するように気を付けること。
合致すれば、いくつでも自由にタグを設定できます

スパム対策にreCAPTCHA v3を導入

GoogleのreCAPTCHA v3 を装着できました!設定方法は別記事にしました。
こちらを参考にしてみてください。

スパム対策にreCAPTCHA