วิธีสร้างแบบฟอร์มติดต่อใน WordPress โดยไม่ต้องเขียนโค้ด

อยากเพิ่มแบบฟอร์มติดต่อลงในเว็บไซต์ WordPress ของคุณแต่ไม่รู้วิธีเขียนโค้ดใช่ไหม? คุณมาถูกที่แล้ว ในคู่มือทีละขั้นตอนฉบับนี้ คุณจะได้เรียนรู้วิธีการ สร้างแบบฟอร์มติดต่อแบบมืออาชีพใน WordPress โดยไม่ต้องเขียนโค้ดแม้แต่บรรทัดเดียว—และใช้เวลาน้อยกว่า 5 นาที

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

เหตุใดเว็บไซต์ WordPress ทุกเว็บไซต์จึงต้องมีแบบฟอร์มติดต่อ

ก่อนที่เราจะเริ่มลงมือทำตามวิธีการใช้งาน เรามาทำความเข้าใจกันก่อนว่าทำไมแบบฟอร์มติดต่อจึงมีความสำคัญ:

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

สิ่งที่คุณต้องการ

ในการทำตามบทช่วยสอนนี้ คุณจะต้องเตรียมสิ่งต่อไปนี้:

• เว็บไซต์ WordPress (โฮสต์เองโดย WordPress.org)
• สิทธิ์ผู้ดูแลระบบในการติดตั้งปลั๊กอิน
• เวลาของคุณ 5 นาที

แค่นั้นเอง! ไม่จำเป็นต้องมีความรู้ด้านการเขียนโค้ด ประสบการณ์ด้านเทคนิค หรือเครื่องมือใดๆ ที่ต้องเสียเงินซื้อ

ขั้นตอนที่ 1: ติดตั้ง Auto Form Builder (ปลั๊กอินฟรี)

เราจะใช้ เครื่องมือสร้างแบบฟอร์มอัตโนมัติ (ยังเป็นที่รู้จักกันในนาม เอเอฟบี)—ฟรี, ปลั๊กอิน WordPress น้ำหนักเบา มาพร้อมกับอินเทอร์เฟซแบบลากและวางที่ใช้งานง่าย เหมาะสำหรับผู้เริ่มต้นเพราะไม่ต้องใช้เวลาในการเรียนรู้เลย

วิธีการติดตั้งมีดังนี้:

1. ล็อกอินเข้าสู่แดชบอร์ดผู้ดูแลระบบ WordPress ของคุณ
2. ไปที่ ปลั๊กอิน→เพิ่มใหม่
3. ค้นหา "เอเอฟบี“(ชื่อย่อของ Auto Form Builder)”
4. มองหา "AFB – โปรแกรมสร้างแบบฟอร์มอัตโนมัติ – โปรแกรมสร้างแบบฟอร์มแบบลากและวาง"
5. คลิก ติดตั้งตอนนี้แล้ว กระตุ้น

💡 เคล็ดลับ: การค้นหาคำว่า “AFB” เป็นวิธีที่เร็วที่สุดในการค้นหาปลั๊กอินในคลังปลั๊กอินของ WordPress

เมื่อเปิดใช้งานแล้ว คุณจะเห็น “สร้างแบบฟอร์มอัตโนมัติ” ในเมนูผู้ดูแลระบบ WordPress ของคุณ เพียงเท่านี้ คุณก็พร้อมที่จะสร้างแบบฟอร์มแรกของคุณแล้ว!

ขั้นตอนที่ 2: สร้างแบบฟอร์มติดต่อใหม่

ต่อไปเรามาสร้างแบบฟอร์มติดต่อของคุณกัน:

1. คลิก เครื่องมือสร้างแบบฟอร์มอัตโนมัติ ในเมนูผู้ดูแลระบบของคุณ
2. คลิก สร้างแบบฟอร์มใหม่
3. คุณจะเห็นหน้าจอเลือกเทมเพลต—เลือกเทมเพลตที่เหมาะสม รูปแบบการติดต่อ

โปรแกรมสร้างแบบฟอร์มอัตโนมัติมาพร้อมกับเทมเพลตแบบฟอร์มติดต่อสำเร็จรูป ซึ่งประกอบด้วย:

• ช่องชื่อเต็ม
• ช่องที่อยู่1อีเมล
• ช่องหมายเลขโทรศัพท์ (ถ้ามี)
• ช่องข้อความ

เทมเพลตพร้อมใช้งานได้ทันที แต่คุณสามารถปรับแต่งได้ตามต้องการ

ขั้นตอนที่ 3: ปรับแต่งช่องกรอกข้อมูลในแบบฟอร์ม (ไม่บังคับ)

ต้องการเพิ่มหรือแก้ไขฟิลด์ใช่ไหม? เครื่องมือสร้างแบบลากและวางช่วยให้ทำได้ง่าย:

การเพิ่มฟิลด์ใหม่

ในแถบด้านข้างซ้าย คุณจะเห็นประเภทฟิลด์ที่มีให้เลือกใช้งาน เพียงแค่... ลากช่องใดก็ได้ ลงบนพื้นที่สร้างแบบฟอร์มของคุณ:

• การป้อนข้อความ – สำหรับคำตอบสั้นๆ เช่น ชื่อหรือวิชา
• อีเมล – ตรวจสอบความถูกต้องของที่อยู่อีเมลโดยอัตโนมัติ
• เบอร์ติดต่อ – สำหรับหมายเลขโทรศัพท์ที่มีตัวเลือกการจัดรูปแบบ
• พื้นที่ข้อความ – สำหรับข้อความที่ยาวขึ้น
• หล่นลง – ให้ผู้ใช้เลือกจากตัวเลือกต่างๆ (เช่น “เหตุผลในการติดต่อ”)
• ช่องทำเครื่องหมาย – สำหรับกล่องขอความยินยอมหรือการเลือกหลายรายการ

การแก้ไขการตั้งค่าฟิลด์

คลิกที่ช่องใดก็ได้เพื่อปรับแต่ง:

• เปลี่ยน ฉลาก (เช่น “ชื่อของคุณ” แทนที่จะเป็น “ชื่อเต็ม”)
• เพิ่ม ข้อความตัวแทน เพื่อเป็นแนวทางแก่ผู้ใช้
• สร้างทุ่งนา จำเป็นต้องใช้ หรือตัวเลือก
• เพิ่ม ข้อความช่วยเหลือ ช่องด้านล่าง

การจัดเรียงฟิลด์ใหม่

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

ขั้นตอนที่ 4: กำหนดค่าการตั้งค่าแบบฟอร์ม

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

ข้อความความสำเร็จ

ปรับแต่งข้อความที่ผู้ใช้เห็นหลังจากส่งข้อมูล ตัวอย่างเช่น:

“ขอบคุณที่ติดต่อเรา! เราจะติดต่อกลับภายใน 24 ชั่วโมง”

แจ้งเตือนทางอีเมล

รับการแจ้งเตือนทันทีเมื่อมีคนกรอกแบบฟอร์มของคุณ:

1. ทำให้สามารถ แจ้งเตือนทางอีเมล
2. กรุณาป้อนที่อยู่อีเมลของคุณ (หรืออีเมลหลายฉบับโดยคั่นด้วยเครื่องหมายจุลภาค)
3. ปรับแต่งหัวข้ออีเมล

ทุกการส่งผลงานจะถูกส่งตรงไปยังกล่องจดหมายของคุณ และจะถูกจัดเก็บไว้อย่างปลอดภัยในแดชบอร์ด WordPress ของคุณด้วย

ขั้นตอนที่ 5: ตกแต่งแบบฟอร์มของคุณ (ไม่บังคับ)

ต้องการให้แบบฟอร์มของคุณมีดีไซน์ที่เข้ากับเว็บไซต์ของคุณหรือไม่? คลิกแท็บ ปรับแต่ง เพื่อปรับแต่ง:

• Colors – เปลี่ยนสีปุ่ม พื้นหลัง และข้อความ
• พรมแดน – ปรับขอบเขตของช่องและรัศมีมุม
• การเว้นวรรค – ควบคุมระยะห่างภายในและระยะขอบ
• ปุ่ม – ปรับแต่งข้อความและรูปลักษณ์ของปุ่มส่งข้อมูล

แบบฟอร์มที่สร้างโดย Auto Form Builder ถูกออกแบบมาให้ดูดีบนทุกธีมอยู่แล้ว ดังนั้นการปรับแต่งสไตล์จึงเป็นเพียงทางเลือกเสริมเท่านั้น

ขั้นตอนที่ 6: บันทึกและรับชอร์ตโค้ดของคุณ

เมื่อคุณพอใจกับแบบฟอร์มของคุณแล้ว:

1. ตั้งชื่อแบบฟอร์มของคุณ (เช่น “แบบฟอร์มติดต่อ”)
2. คลิก บันทึกแบบฟอร์ม
3. คัดลอก รหัสผู้ใช้ แสดง

ขั้นตอนที่ 7: เพิ่มแบบฟอร์มติดต่อลงในเพจของคุณ

ต่อไปเราจะแสดงแบบฟอร์มของคุณบนเว็บไซต์:

ตัวเลือก A: เพิ่มไปยังหน้าที่มีอยู่แล้ว

1. ไปที่ หน้า และแก้ไขหน้าติดต่อของคุณ
2. วางชอร์ตโค้ดในตำแหน่งที่คุณต้องการให้แบบฟอร์มปรากฏ
3. คลิก บันทึก

ตัวเลือก B: สร้างหน้าข้อมูลติดต่อใหม่

1. ไปที่ หน้า → เพิ่มใหม่
2. ตั้งชื่อหัวข้อว่า “ติดต่อ” หรือ “ติดต่อเรา”
3. ถ้าต้องการ คุณสามารถเพิ่มข้อความเกริ่นนำได้
4. วางชอร์ตโค้ดลงไป
5. คลิก สาธารณะ

เยี่ยมชมหน้าเพจของคุณเพื่อดูแบบฟอร์มติดต่อใหม่ที่สวยงามของคุณใช้งานได้จริง!

ขั้นตอนที่ 8: ทดสอบแบบฟอร์มติดต่อของคุณ

ก่อนที่จะประกาศรูปแบบใหม่ของคุณให้โลกได้รับรู้ โปรดทดสอบดูก่อน:

1. เยี่ยมชมหน้าติดต่อของคุณ
2. กรอกข้อมูลการทดสอบลงในแบบฟอร์ม
3. คลิกส่ง
4. ตรวจสอบให้แน่ใจว่าคุณเห็นข้อความแสดงความสำเร็จ
5. โปรดตรวจสอบอีเมลของคุณเพื่อดูการแจ้งเตือน
6. ใน WordPress ให้ไปที่ เครื่องมือสร้างแบบฟอร์มอัตโนมัติ → การส่งข้อมูล เพื่อดูรายการที่บันทึกไว้

ถ้าทุกอย่างทำงานได้ดี ขอแสดงความยินดีด้วย แบบฟอร์มติดต่อของคุณพร้อมใช้งานแล้ว!

การจัดการการส่งแบบฟอร์มติดต่อ

หนึ่งในคุณสมบัติที่ดีที่สุดของ Auto Form Builder คือฟังก์ชันในตัว การจัดการการส่งงาน. ไม่เหมือนกับปลั๊กอินฟอร์มบางตัวที่ส่งเฉพาะอีเมลเท่านั้น ทุกการส่งข้อมูลจะถูกบันทึกไว้ในฐานข้อมูล WordPress ของคุณ

ไปที่ เครื่องมือสร้างแบบฟอร์มอัตโนมัติ → ที่ส่ง ไปที่:

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

นั่นหมายความว่าคุณจะไม่พลาดคำถามจากลูกค้าเลย แม้ว่าอีเมลจะส่งไม่ถึงก็ตาม

เหตุใด Auto Form Builder จึงเหมาะอย่างยิ่งสำหรับแบบฟอร์มติดต่อ

มีปลั๊กอินสร้างฟอร์มสำหรับ WordPress มากมาย แต่ Auto Form Builder โดดเด่นกว่าใครในการสร้างฟอร์มติดต่อด้วยเหตุผลดังต่อไปนี้:

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

แบบฟอร์มนี้จะใช้งานได้กับธีม WordPress ของฉันหรือไม่?

ใช่แล้ว โปรแกรมสร้างแบบฟอร์มอัตโนมัติถูกออกแบบมาให้ใช้งานได้กับธีม WordPress ทุกธีม

ฉันสามารถรับข้อมูลที่ส่งผ่านแบบฟอร์มทางอีเมลได้หรือไม่?

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

แบบฟอร์มติดต่อนี้ใช้งานได้ดีบนมือถือหรือไม่?

ใช่แล้ว แบบฟอร์มทั้งหมดที่สร้างด้วย Auto Form Builder นั้นปรับขนาดได้เต็มที่และดูดีบนโทรศัพท์ แท็บเล็ต และคอมพิวเตอร์ตั้งโต๊ะ

ฉันจะปกป้องแบบฟอร์มของฉันจากสแปมได้อย่างไร?

Auto Form Builder มีส่วนเสริมสำหรับป้องกันสแปม รวมถึง Google reCAPTCHA และ Cloudflare Turnstile

ขั้นตอนถัดไป (Next Steps)

ตอนนี้คุณมีแบบฟอร์มติดต่อบนเว็บไซต์ WordPress ของคุณแล้ว ลองพิจารณาปรับปรุงเพิ่มเติมดังต่อไปนี้:

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

สรุป

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

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

พร้อมสร้างแบบฟอร์มติดต่อของคุณแล้วหรือยัง? ดาวน์โหลดโปรแกรมสร้างแบบฟอร์มอัตโนมัติ จากคลังปลั๊กอิน WordPress และเริ่มใช้งานได้เลยวันนี้