วิธีเพิ่มแบบฟอร์มติดต่อในเว็บไซต์

เพิ่มแบบฟอร์มติดต่อที่ส่งข้อความถึงคุณจริง เลือกช่องที่จำเป็น ใส่ป้ายกำกับที่เข้าถึงได้ จัดการข้อผิดพลาดและสแปม ทดสอบการส่งถึงกล่องจดหมาย และเลือกใช้ฟอร์มในตัวหรือฝังบริการภายนอก

แบบฟอร์มติดต่อช่วยให้ผู้เข้าชมส่งข้อความที่มีโครงสร้างโดยไม่ต้องเปิดแอปอีเมล และช่วยซ่อนที่อยู่อีเมลจากบอตสแปม การเพิ่มแบบฟอร์มต้องตัดสินใจ 5 เรื่อง: จะมีช่องใดบ้าง ใส่ป้ายกำกับอย่างไร จะเกิดอะไรขึ้นเมื่อส่ง จะหยุดสแปมอย่างไร และส่งข้อความไปที่ใด ข้อสุดท้ายเป็นจุดที่ฟอร์มส่วนใหญ่มีปัญหา คู่มือนี้จึงปิดท้ายด้วยการทดสอบที่ควรทำกับทุกฟอร์มที่เผยแพร่

1. เลือกช่องสอบถามเท่าที่จำเป็น

ถามเฉพาะข้อมูลที่จำเป็นต่อการตอบกลับอย่างมีประโยชน์ ทุกช่องที่เพิ่มมาคือเหตุผลให้ผู้ใช้เลิกกรอก ค่าเริ่มต้นที่เหมาะสม:

เพิ่มช่องเมื่อคำตอบมีผลต่อวิธีตอบกลับเท่านั้น ตัวอย่างบริษัททำความสะอาดสมมติชื่อ "Brightside Cleaning":

ช่องข้อมูลควรมีหรือไม่เหตุผล
ชื่อ อีเมล ข้อความมีจำเป็นต่อการตอบกลับ
รหัสไปรษณีย์มีช่วยให้รู้ได้ทันทีว่าที่อยู่อยู่ในพื้นที่บริการหรือไม่
ประเภทบริการ (เมนูแบบเลื่อนลง)มีแยกคำขอประจำ งานครั้งเดียว และงานเมื่อย้ายออกจากที่พักเช่า
โทรศัพท์ไม่บังคับลูกค้าบางคนสะดวกให้โทรหา แต่อย่าบังคับ
บริษัท ตำแหน่งงาน "รู้จักเราจากที่ใด"ไม่ไม่จำเป็นเมื่อตอบคำขอราคาทำความสะอาดบ้าน

2. ความยินยอมและป้ายกำกับที่เข้าถึงได้

<label for="email">Email (required)</label>
<input id="email" name="email" type="email" autocomplete="email" required>

3. การส่ง ข้อผิดพลาด และสแปม

4. ยืนยันว่าคำสอบถามทดสอบส่งถึงกล่องจดหมาย

ฟอร์มที่ดูเหมือนใช้ได้แต่ไม่ส่งข้อความถึงไหนพบได้บ่อย สาเหตุอาจเป็นที่อยู่ผิด ข้อความถูกกรองเป็นสแปม หรือฟอร์มฝังที่ยังไม่ได้เชื่อมต่อ หลังเผยแพร่ ให้ทดสอบและจดผลไว้:

ทดสอบแบบฟอร์มติดต่อ
หน้าที่ทดสอบ (URL ที่เผยแพร่):
เวลาที่ส่ง (วันที่/เวลา):
ชื่อทดสอบที่ใช้:       TEST - [อักษรย่อของคุณ] - [วันที่]
ส่งถึงกล่องจดหมาย:    [ที่อยู่]
ได้รับหรือไม่? อยู่ในสแปมหรือไม่? ใช่/ไม่ใช่  /  ใช่/ไม่ใช่
ได้รับข้อมูลทุกช่องถูกต้องหรือไม่? ใช่/ไม่ใช่
ทดสอบบนโทรศัพท์ด้วยหรือไม่? ใช่/ไม่ใช่
ตอบกลับได้หรือไม่ (คำตอบไปถึงผู้เข้าชมหรือไม่)? ใช่/ไม่ใช่

ทดสอบซ้ำทุกครั้งที่เปลี่ยนแบบฟอร์ม ที่อยู่ปลายทาง หรือผู้ให้บริการอีเมล

5. เปรียบเทียบฟอร์มในตัวกับบริการฟอร์มแบบฝัง

ตัวเลือกเหมาะกับข้อควรระวัง
แบบฟอร์มในตัวของเครื่องมือสร้างเว็บไซต์คำสอบถามทั่วไป ไม่ต้องจัดการอีกหนึ่งบัญชีตรวจสอบว่าจัดเก็บและส่งข้อมูลที่กรอกไปที่ใด
บริการฟอร์มแบบฝัง (เช่น Google Forms, Typeform, Jotform, Tally)ฟอร์มหลายขั้นตอน อัปโหลดไฟล์ และตรรกะเงื่อนไขสไตล์อาจไม่เข้ากัน มีสคริปต์เพิ่ม และควรตรวจข้อจำกัดแพ็กเกจปัจจุบันของผู้ให้บริการแต่ละราย
โค้ดกำหนดเองที่ส่งข้อมูลไปยังเซิร์ฟเวอร์ของคุณควบคุมได้เต็มที่ เชื่อมต่อ CRMคุณต้องดูแลการป้องกันสแปมและการส่งข้อมูล

ไม่ว่าจะเลือกแบบใด ให้วางฟอร์มไว้ตรงจุดที่ลูกค้าตัดสินใจ เช่น หน้าติดต่อ ท้ายหน้าแต่ละบริการ และแบบฟอร์มสั้นในส่วนท้ายหรือหน้าแรก

เพิ่มแบบฟอร์มด้วย We.Inc

ในเครื่องมือ สร้างเว็บไซต์ We.Inc คุณอธิบายแบบฟอร์มที่ต้องการด้วยภาษาทั่วไปได้ (เช่น "แบบฟอร์มขอราคาที่มีชื่อ อีเมล รหัสไปรษณีย์ และประเภทบริการ") แล้วปรับป้ายกำกับและเลย์เอาต์ด้วยการคลิกแก้ไข การสร้างเว็บด้วย AI ต้องใช้แพ็กเกจแบบชำระเงิน เริ่มที่ Starter ราคา $20 ต่อเดือน (ราคา); แพ็กเกจ Free ครอบคลุมเว็บไซต์จากเทมเพลตสูงสุด 3 เว็บบนที่อยู่ we.inc ไม่ว่าจะสร้างด้วยวิธีใด ให้ทดสอบการส่งตามด้านบนก่อนพึ่งพาฟอร์ม จากนั้นตรวจหน้าเว็บด้วยเครื่องมือ ตรวจเว็บไซต์, ดู เทมเพลตธุรกิจ, หรือประเมินค่าใช้จ่ายด้วยเครื่องมือ คำนวณค่าใช้จ่ายเว็บไซต์.

เริ่มสร้างเว็บไซต์ธุรกิจของคุณ

คำถามที่พบบ่อย

แบบฟอร์มติดต่อควรมีกี่ช่อง

ถามให้น้อยที่สุดเท่าที่จำเป็นเพื่อตอบกลับได้อย่างมีประโยชน์ ชื่อ อีเมล และข้อความเป็นค่าเริ่มต้นที่ดี เพิ่มช่องเฉพาะเมื่อมีผลต่อวิธีตอบ เช่น รหัสไปรษณีย์สำหรับพื้นที่ให้บริการท้องถิ่น

ทำไมฉันไม่ได้รับข้อความจากแบบฟอร์มติดต่อ

สาเหตุที่พบบ่อยคือที่อยู่ปลายทางผิด ข้อความเข้าโฟลเดอร์สแปม หรือฟอร์มแบบฝังไม่ได้เชื่อมต่อ ส่งคำสอบถามทดสอบที่ระบุชัดเจน แล้วตรวจกล่องจดหมายและโฟลเดอร์สแปม

ต้องใส่ CAPTCHA ในแบบฟอร์มหรือไม่

ไม่เสมอไป ช่อง honeypot ที่ซ่อนอยู่ช่วยหยุดบอตจำนวนมากโดยไม่รบกวนผู้เข้าชม เพิ่มโจทย์ทดสอบแบบ CAPTCHA เฉพาะเมื่อยังมีสแปมเข้ามา

ควรแสดงอีเมลนอกเหนือจากแบบฟอร์มหรือไม่

ช่วยผู้เข้าชมที่ชอบส่งอีเมลโดยตรง แต่คาดว่าจะได้รับสแปมเพิ่มหากแสดงที่อยู่อีเมลเป็นข้อความธรรมดา

เริ่มต้นฟรี · ไม่ต้องใช้บัตรเครดิต

Product

Who It's For

Features

Resources

Company

View Sitemap