วิธีเพิ่มช่องอีเมลลงในแบบฟอร์ม WordPress
อีเมลเป็นหัวใจสำคัญของการสื่อสารออนไลน์ แบบฟอร์มติดต่อทุกแบบ การสมัครรับจดหมายข่าว และการลงทะเบียน ล้วนต้องการระบบอีเมลที่เชื่อถือได้ ช่องอีเมลแต่การป้อนข้อความพื้นฐานอย่างเดียวไม่เพียงพอ คุณต้องมีการตรวจสอบความถูกต้องเพื่อตรวจจับคำผิด การยืนยันเพิ่มเติมเพื่อความแน่ใจในความถูกต้อง และการจัดรูปแบบที่เหมาะสมเพื่อให้ข้อมูลใช้งานได้ นี่คือวิธีการเพิ่มช่องอีเมลที่ใช้งานได้จริง
เหตุใดจึงต้องใช้ช่องกรอกอีเมลโดยเฉพาะ?
ปัญหาเกี่ยวกับช่องข้อความสำหรับอีเมล
- ไม่มีการตรวจสอบรูปแบบ
- ข้อผิดพลาดในการพิมพ์มักไม่ถูกตรวจพบ
- ยอมรับข้อมูลที่ไม่ถูกต้อง
- ไม่มีแป้นพิมพ์อีเมลบนมือถือ
- ความพยายามติดตามผลที่สูญเปล่า
ประโยชน์ของช่องกรอกอีเมล
- การตรวจสอบรูปแบบในตัว
- ตรวจจับข้อผิดพลาดทั่วไป
- แป้นพิมพ์อีเมลบนอุปกรณ์มือถือ
- การเก็บรวบรวมข้อมูลที่เป็นมาตรฐาน
- เพิ่มประสิทธิภาพในการติดตามผล
การเพิ่มช่องอีเมล
ขั้นตอนที่ 1: เพิ่มฟิลด์
- เปิดแบบฟอร์มของคุณใน เอเอฟบี
- หา อีเมล ในประเภทฟิลด์
- ลากไปที่แบบฟอร์มของคุณ
ขั้นตอนที่ 2: กำหนดการตั้งค่าพื้นฐาน
- ฉลาก: “ที่อยู่อีเมล” หรือ “อีเมลของคุณ”
- ตัวแทน: "[ป้องกันอีเมล]"
- จำเป็นต้องใช้: โดยปกติแล้วแบบฟอร์มติดต่อจะใช้งานได้
- ข้อความช่วยเหลือ: คำแนะนำเพิ่มเติม (ไม่บังคับ)
ขั้นตอนที่ 3: บันทึกและทดสอบ
- บันทึกแบบฟอร์มของคุณ
- ดูตัวอย่างบนหน้าเว็บ
- ลองป้อนอีเมลที่ไม่ถูกต้อง
- ตรวจสอบว่าการตรวจสอบความถูกต้องใช้งานได้หรือไม่
การตรวจสอบอีเมล
สิ่งที่ได้รับการตรวจสอบ
ตรวจสอบรูปแบบข้อมูลในอีเมล:
ใช้ได้: ✓ [ป้องกันอีเมล] ✓ [ป้องกันอีเมล] ✓ [ป้องกันอีเมล] ไม่ถูกต้อง: ✗ userexample.com (ขาด @) ✗ [ป้องกันอีเมล] (โดเมนหายไป) ✗ user@example (TLD หายไป) ✗ @example.com (ชื่อผู้ใช้หายไป)
ข้อความแสดงข้อผิดพลาดในการตรวจสอบความถูกต้อง
ค่าเริ่มต้น: "กรุณาป้อนที่อยู่อีเมลที่ถูกต้อง" กำหนดเอง: "ดูเหมือนจะไม่ใช่ที่อยู่อีเมล โปรดตรวจสอบและลองใหม่อีกครั้ง"
สิ่งที่การตรวจสอบความถูกต้องไม่ได้ตรวจสอบ
- อีเมลมีอยู่จริงหรือไม่
- กล่องจดหมายเปิดใช้งานอยู่หรือไม่
- Deliverability
การตรวจสอบรูปแบบช่วยให้มั่นใจได้ว่าโครงสร้างถูกต้อง ไม่ใช่ว่ามีอยู่จริง
ช่องยืนยันอีเมล
มันคืออะไร?
ช่องอีเมลช่องที่สองที่ผู้ใช้ต้องป้อนที่อยู่ใหม่อีกครั้ง ทั้งสองช่องต้องตรงกันจึงจะส่งได้
อีเมล: [[ป้องกันอีเมล] ] ยืนยันอีเมล: [[ป้องกันอีเมล] ] ✓ การจับคู่
เหตุใดจึงต้องใช้การยืนยัน?
- ตรวจจับข้อผิดพลาดในการพิมพ์ (ที่พบบ่อยที่สุด: โดเมนผิด)
- บังคับให้ผู้ใช้ตรวจสอบซ้ำอีกครั้ง
- ลดจำนวนอีเมลที่ส่งไม่สำเร็จ
- มีความสำคัญอย่างยิ่งสำหรับธุรกรรมสำคัญ
ควรใช้เมื่อใด
- การลงทะเบียนบัญชี
- สมัครรับจดหมายข่าว
- การยืนยันการสั่งซื้อ
- ทุกรูปแบบที่ความถูกต้องของอีเมลมีความสำคัญอย่างยิ่ง
เมื่อไหร่ควรข้าม
- แบบฟอร์มติดต่อแบบง่าย
- สอบถามด่วน
- เมื่อการลดแรงเสียดทานเป็นสิ่งสำคัญอันดับแรก
การเปิดใช้งานการยืนยัน
- เลือกช่องอีเมลของคุณ
- ค้นหาตัวเลือก “ช่องยืนยัน”
- สลับเปิด
- ช่องที่สองจะปรากฏขึ้นโดยอัตโนมัติ
พฤติกรรมการยืนยัน
อีเมล: [ป้องกันอีเมล] ยืนยัน: [ป้องกันอีเมล] ← พิมพ์ผิด! ข้อผิดพลาด: "ที่อยู่อีเมลไม่ตรงกัน"
ข้อ จำกัด โดเมน
ข้อจำกัดของโดเมนคืออะไร?
จำกัดโดเมนอีเมลที่ยอมรับได้:
- รายการที่อนุญาต: อนุญาตเฉพาะโดเมนที่ระบุเท่านั้น
- บัญชีดำ: บล็อกโดเมนเฉพาะ
กรณีการใช้งานที่อนุญาต
รับอีเมลจากโดเมนที่กำหนดเท่านั้น:
อนุญาต: @company.com, @company.org ไม่อนุญาต: อย่างอื่นทั้งหมด ใช้สำหรับ: - แบบฟอร์มภายในบริษัท - การลงทะเบียนพนักงาน - การเข้าถึงเฉพาะองค์กร
กรณีการใช้งานบัญชีดำ
บล็อกโดเมนบางโดเมน:
บล็อก: @mailinator.com, @tempmail.com, @guerrillamail.com อนุญาต: อื่นๆ ทั้งหมด ใช้สำหรับ: - ป้องกันอีเมลชั่วคราว - ลดการสมัครรับข้อมูลสแปม - ตรวจสอบให้แน่ใจว่าที่อยู่ติดต่อเป็นของจริง
การกำหนดค่าข้อจำกัดของโดเมน
- เลือกช่องอีเมล
- ค้นหาการตั้งค่าการจำกัดโดเมน
- เลือกโหมดไวท์ลิสต์หรือแบล็คลิสต์
- ป้อนโดเมน (หนึ่งโดเมนต่อบรรทัด)
ตัวอย่าง: อีเมลของบริษัทเท่านั้น
โหมด: อนุญาตโดเมน: company.com company.org ข้อผิดพลาด: "โปรดใช้อีเมลบริษัทของคุณ"
ตัวอย่าง: บล็อกอีเมลชั่วคราว
โหมด: บล็อกโดเมน: mailinator.com tempmail.com guerrillamail.com 10minutemail.com throwaway.email ข้อผิดพลาด: "โปรดใช้ที่อยู่อีเมลถาวร"
ตัวอย่างการกำหนดค่า
ตัวอย่างที่ 1: แบบฟอร์มติดต่อพื้นฐาน
ป้ายกำกับ: "ที่อยู่อีเมล" ตัวยึดตำแหน่ง: "[ป้องกันอีเมล]"จำเป็นต้องกรอก: ใช่ การยืนยัน: ไม่ใช่ ข้อจำกัดของโดเมน: ไม่มี"
ตัวอย่างที่ 2: การสมัครรับจดหมายข่าว
ป้ายกำกับ: "อีเมลของคุณ" ข้อความตัวอย่าง: "ป้อนอีเมลของคุณ..." จำเป็น: ใช่ การยืนยัน: ใช่ ข้อจำกัดโดเมน: บล็อกอีเมลชั่วคราว ข้อความช่วยเหลือ: "เราจะไม่เปิดเผยอีเมลของคุณให้ใครทราบ"
ตัวอย่างที่ 3: การลงทะเบียนบัญชี
ป้ายกำกับ: "อีเมล (จะเป็นชื่อผู้ใช้ของคุณ)" ข้อความตัวอย่าง: "[ป้องกันอีเมล]"จำเป็น: ใช่ การยืนยัน: ใช่ ข้อจำกัดด้านโดเมน: ไม่มี ข้อความช่วยเหลือ: "โปรดใช้อีเมลที่คุณตรวจสอบเป็นประจำ"
ตัวอย่างที่ 4: แบบฟอร์มพนักงาน
ป้ายกำกับ: "อีเมลที่ทำงาน" ข้อความตัวอย่าง: "[ป้องกันอีเมล]"จำเป็น: ใช่ การยืนยัน: ไม่ใช่ ข้อจำกัดโดเมน: อนุญาตเฉพาะ company.com เท่านั้น ข้อความช่วยเหลือ: "ใช้ที่อยู่อีเมลอย่างเป็นทางการของบริษัทของคุณ"
ตัวอย่างที่ 5: การสร้างโอกาสในการขาย
ป้ายกำกับ: "อีเมลธุรกิจ" ข้อความตัวอย่าง: "[ป้องกันอีเมล]"จำเป็น: ใช่ การยืนยัน: ไม่ใช่ ข้อจำกัดโดเมน: บล็อก gmail.com, yahoo.com (เฉพาะธุรกิจกับธุรกิจ) ข้อความช่วยเหลือ: "โปรดใช้อีเมลที่ทำงานของคุณสำหรับการสอบถามทางธุรกิจ"
การเพิ่มประสิทธิภาพมือถือ
แป้นพิมพ์อีเมล
ช่องกรอกอีเมลจะเรียกใช้งานแป้นพิมพ์มือถือแบบพิเศษ:
- สัญลักษณ์ @ เข้าถึงได้ง่าย
- ทางลัด .com บนแป้นพิมพ์หลายแบบ
- ลดการรบกวนจากการแก้ไขอัตโนมัติ
- เข้าได้เร็วขึ้น
แนวปฏิบัติที่ดีที่สุดสำหรับอุปกรณ์เคลื่อนที่
- ฉลากชัดเจน อ่านง่าย
- ข้อความตัวอย่างที่เป็นประโยชน์
- ขนาดเป้าหมายการแตะที่เหมาะสม
- ล้างข้อความแสดงข้อผิดพลาด
ข้อผิดพลาดทั่วไปในการกรอกช่องอีเมล
1. ใช้ข้อความแทนการพิมพ์อีเมล
ผิด: ขวา:
ประเภทอีเมลรองรับการตรวจสอบความถูกต้องและการใช้งานแป้นพิมพ์บนมือถือ
2. ไม่ดำเนินการตามที่กำหนดเมื่อจำเป็น
หากคุณต้องการตอบกลับ ควรระบุวิธีการส่งอีเมล
3. ตัวยึดตำแหน่งที่ทำให้สับสนสำหรับป้ายกำกับ
ผิด: มีเพียงข้อความตัวอย่าง ไม่มีป้ายกำกับ ถูก: ป้ายกำกับชัดเจน + ข้อความตัวอย่างที่เป็นประโยชน์
4. การตรวจสอบความถูกต้องที่เข้มงวดเกินไป
อีเมลบางฉบับที่ใช้งานได้จริงอาจมีลักษณะผิดปกติ:
ถูกต้องแต่ไม่ค่อยพบเห็น: - [ป้องกันอีเมล] - [ป้องกันอีเมล] - [ป้องกันอีเมล]
อย่าปฏิเสธรูปแบบที่ถูกต้อง
5. ไม่มีบริบทข้อความแสดงข้อผิดพลาด
ไม่ดี: "ข้อมูลไม่ถูกต้อง" ดี: "กรุณาป้อนที่อยู่อีเมลที่ถูกต้อง (ตัวอย่าง: [ป้องกันอีเมล])"
ป้ายกำกับช่องอีเมล
ตัวอย่างฉลากที่ดี
- "ที่อยู่อีเมล"
- “อีเมลของคุณ”
- "อีเมล"
- อีเมลที่ทำงาน
- “อีเมลติดต่อ”
ป้ายกำกับเฉพาะบริบท
- “อีเมล (สำหรับยืนยันคำสั่งซื้อ)”
- “อีเมล (ที่เราจะส่งไฟล์ดาวน์โหลดให้คุณ)”
- “อีเมลบริษัท”
- “อีเมลที่ต้องการใช้”
ตัวอย่างตัวยึดตำแหน่ง
- "[ป้องกันอีเมล]"
- “กรุณาป้อนที่อยู่อีเมลของคุณ…”
- "[ป้องกันอีเมล]"
- "[ป้องกันอีเมล]"
แนวคิดสำหรับข้อความช่วยเหลือ
การประกันความเป็นส่วนตัว
"เราจะไม่เปิดเผยอีเมลของคุณให้ใครทราบ" "อีเมลของคุณจะถูกเก็บเป็นความลับ" "เราเคารพความเป็นส่วนตัวของคุณ"
คำอธิบายการใช้งาน
"เราจะส่งอีเมลยืนยันไปที่นี่" "เราควรส่งลิงก์ดาวน์โหลดไปที่ไหน" "คุณจะได้รับการอัปเดตที่ที่อยู่อีเมลนี้"
คำแนะนำเกี่ยวกับรูปแบบ
"โปรดใช้รูปแบบอีเมลที่ถูกต้อง (ตัวอย่าง: [ป้องกันอีเมล]"กรุณาใช้อีเมลที่คุณตรวจสอบเป็นประจำ" "ป้อนอีเมลที่เชื่อมโยงกับบัญชีของคุณ"
ช่องอีเมลหลายช่อง
เมื่อใดควรใช้หลายตัว
- การติดต่อขั้นต้นและขั้นรอง
- อีเมลส่วนตัวและอีเมลที่ทำงาน
- การแจ้งเตือนเกี่ยวกับการเรียกเก็บเงินและการจัดส่ง
ตัวอย่าง: ประถมศึกษา/มัธยมศึกษา
อีเมลหลัก: [________________] (จำเป็น) อีเมลสำรอง: [________________] (ไม่จำเป็น) ข้อความช่วยเหลือ: "อีเมลสำรองสำหรับติดต่อในกรณีฉุกเฉิน"
ตัวอย่าง: บัญชีผู้ใช้ + การแจ้งเตือน
อีเมลบัญชี: [________________] อีเมลแจ้งเตือน: [________________] ☐ เหมือนกับอีเมลบัญชี
การจัดการเอกสารที่ส่งเข้ามา
ในการแจ้งเตือนทางอีเมล
ค่าในช่องอีเมลจะปรากฏในการแจ้งเตือนของคุณ:
ข้อมูลที่ส่งเข้ามาใหม่จากแบบฟอร์มติดต่อ: ชื่อ: จอห์น สมิธ อีเมล: [ป้องกันอีเมล] ← คลิกเพื่อตอบกลับ ข้อความ: ...
การกำหนดค่าการตอบกลับ
ตั้งค่าช่องอีเมลเป็นที่อยู่สำหรับตอบกลับ:
- การคลิก “ตอบกลับ” จะส่งไปยังผู้ส่ง
- การติดต่อสื่อสารติดตามผลทำได้ง่าย
ในการส่งออก
คอลัมน์ CSV: อีเมล ค่า: [ป้องกันอีเมล], [ป้องกันอีเมล], ...
สรุปแนวทางปฏิบัติที่ดีที่สุด
Do
- ✓ ใช้ประเภทช่องอีเมลเฉพาะ
- ✓ เพิ่มฉลากที่ชัดเจน
- ✓ ใส่ตัวอย่างข้อความที่เป็นประโยชน์
- ✓ จัดเตรียมสิ่งที่จำเป็นเมื่อต้องการ
- ✓ ใช้การยืนยันสำหรับแบบฟอร์มสำคัญ
- ✓ เพิ่มข้อความช่วยเหลือที่สร้างความมั่นใจด้านความเป็นส่วนตัว
- ✓ ทดสอบบนอุปกรณ์มือถือ
อย่า
- ✗ ใช้ช่องข้อความสำหรับอีเมล
- ✗ ข้ามการตรวจสอบความถูกต้อง
- ✗ ใช้ตัวยึดตำแหน่งเป็นป้ายกำกับเท่านั้น
- ✗ จำกัดโดเมนที่ถูกต้องมากเกินไป
- ✗ ลืมเรื่องการปรับแต่งแป้นพิมพ์มือถือไปได้เลย
การแก้ไขปัญหา
อีเมลที่ถูกต้องถูกปฏิเสธ
- ตรวจสอบการตั้งค่าข้อจำกัดโดเมน
- ตรวจสอบว่ารูปแบบอีเมลเป็นไปตามมาตรฐาน
- โดเมนระดับบนสุด (TLD) บางประเภทที่ไม่ปกติ อาจจำเป็นต้องได้รับการทดสอบ
การยืนยันไม่ตรงกัน
- ตรวจสอบดูว่ามีที่ว่างเหลือหรือไม่
- การคำนึงถึงตัวพิมพ์ใหญ่และตัวพิมพ์เล็ก (โดยปกติไม่ใช่ปัญหา)
- การคัดลอกและวางอาจมีอักขระที่ซ่อนอยู่
แป้นพิมพ์มือถือ ไม่ใช่แบบพิมพ์อีเมล
- ตรวจสอบว่ามีการใช้ประเภทฟิลด์อีเมลหรือไม่
- บางเบราว์เซอร์/อุปกรณ์อาจแตกต่างกันไป
- ตรวจสอบประเภทข้อมูลป้อนเข้าในโค้ด
ข้อมูลที่ส่งเข้ามามีอีเมลที่ไม่ถูกต้อง
- ตรวจสอบให้แน่ใจว่าได้เปิดใช้งานการตรวจสอบความถูกต้องแล้ว
- ตรวจสอบว่าการตรวจสอบความถูกต้องฝั่งไคลเอ็นต์ทำงานได้หรือไม่
- เพิ่มการสำรองข้อมูลการตรวจสอบความถูกต้องฝั่งเซิร์ฟเวอร์
สรุป
การเพิ่มช่องอีเมลลงในแบบฟอร์ม WordPress:
- เพิ่มช่องอีเมล – ลากเพื่อสร้างแบบฟอร์ม
- ตั้งค่าป้ายกำกับ – ชัดเจนและละเอียด
- เพิ่มตัวยึดตำแหน่ง – ตัวอย่างรูปแบบ
- ดำเนินการตามที่กำหนด – หากจำเป็นสำหรับการติดตามผล
- เปิดใช้งานการยืนยัน – เพื่อความแม่นยำที่สำคัญ
- กำหนดข้อจำกัดของโดเมน – หากจำกัดโดเมน
- เพิ่มข้อความช่วยเหลือ – ข้อกำหนดเกี่ยวกับความเป็นส่วนตัวหรือการใช้งาน
- ทดสอบอย่างละเอียด – ถูกต้อง ไม่ถูกต้อง มือถือ
สรุป
ช่องอีเมลเป็นช่องที่สำคัญที่สุดในแบบฟอร์มของคุณ เพราะเป็นช่องทางที่คุณจะติดต่อผู้ที่ส่งข้อมูลเข้ามา การใช้ช่องอีเมลโดยเฉพาะจะช่วยให้มั่นใจได้ถึงการตรวจสอบความถูกต้อง การปรับให้เหมาะสมกับอุปกรณ์มือถือ และคุณภาพของข้อมูล เพิ่มการยืนยันเมื่อความถูกต้องเป็นสิ่งสำคัญ และพิจารณาข้อจำกัดด้านโดเมนเพื่อกรองข้อมูลที่ส่งเข้ามา ช่องอีเมลที่กำหนดค่าอย่างดีหมายถึงอีเมลตีกลับน้อยลงและการสื่อสารที่ดีขึ้น
เครื่องมือสร้างแบบฟอร์มอัตโนมัติ ประกอบด้วยช่องอีเมลที่มีฟังก์ชันครบครัน พร้อมการตรวจสอบความถูกต้องในตัว การยืนยันเพิ่มเติม และความสามารถในการจำกัดโดเมน รวบรวมที่อยู่อีเมลได้อย่างมั่นใจ
พร้อมเพิ่มช่องอีเมลแล้วหรือยัง? ดาวน์โหลดโปรแกรมสร้างแบบฟอร์มอัตโนมัติ และเริ่มรวบรวมที่อยู่อีเมลที่ถูกต้องได้ตั้งแต่วันนี้