วิธีเพิ่มแบบฟอร์มติดต่อใน WordPress (5 ขั้นตอนง่ายๆ)

เผยแพร่แล้ว: 2023-09-21

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

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

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

วิธีที่ดีที่สุดในการเพิ่มแบบฟอร์มติดต่อลงใน WordPress คืออะไร?

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

ขณะนี้มีปลั๊กอินแบบฟอร์ม WordPress ให้เลือกไม่มากนัก สิ่งที่เราชอบคือ WPForms

WPForms ตัวสร้างแบบฟอร์ม WordPress

WPForms เป็นตัวสร้างฟอร์มที่ดีที่สุดสำหรับ WordPress เป็นที่รักและไว้วางใจจากผู้ใช้กว่า 6 ล้านคนทั่วโลก

มันมาพร้อมกับเทมเพลตมากกว่า 1,000 แบบ คุณจะไม่ต้องเริ่มจากศูนย์เลย คุณจะพบแบบฟอร์มที่พร้อมที่จะเผยแพร่บนเว็บไซต์ของคุณ

ซึ่งหมายความว่าคุณสามารถเพิ่มการสมัครรับจดหมายข่าว การลงทะเบียนกิจกรรม การเข้าสู่ระบบ แบบฟอร์มการนัดหมาย แบบสำรวจ แบบสำรวจ และอื่นๆ อีกมากมาย

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

นอกเหนือจากสิ่งจำเป็นเหล่านี้แล้ว WPForms ยังมาพร้อมกับฟีเจอร์แบบฟอร์มขั้นสูงที่ทรงพลังซึ่งรวมถึง:

  • การแจ้งเตือนทันทีเกี่ยวกับการส่งแบบฟอร์ม
  • การแจ้งเตือนทางอีเมลอัตโนมัติแก่ผู้ใช้
  • การจัดการรายการ
  • ตรรกะแบบมีเงื่อนไขอัจฉริยะ
  • แบบฟอร์มการสนทนา
  • แบบฟอร์มหลายหน้า
  • บูรณาการการตลาดผ่านอีเมล
  • บูรณาการการชำระเงินกับ PayPal, Stripe และอีกมากมาย
  • การป้องกันสแปมในตัว

นั่นเป็นเพียงการตั้งชื่อไฮไลท์ เครื่องมือสร้างแบบฟอร์มนี้มีอะไรอีกมากมายและใช้งานได้กับธีม WordPress ยอดนิยมทั้งหมด

คุณสามารถเริ่มต้นใช้งานเวอร์ชันฟรีที่เรียกว่า WPForms Lite ได้ที่ WordPress.org หากต้องการคุณสมบัติขั้นสูง ให้สมัคร WPForms Pro

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

ขั้นตอนที่ 1: ติดตั้ง WPForms

สิ่งแรกที่คุณต้องทำคือติดตั้ง WPForms บนไซต์ของคุณ ในแดชบอร์ด WordPress ของคุณ ตรงไปที่หน้า ปลั๊กอิน»เพิ่มใหม่ ค้นหา WPForms แล้วคุณจะเห็นปุ่ม “ติดตั้งทันที” ข้างๆ

เมื่อคุณติดตั้งแล้ว คุณจะต้องเปิดใช้งานปลั๊กอินตรงนั้นด้วย

ติดตั้ง WPForms ใน WordPress

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

รหัสลิขสิทธิ์ WPForms

ไปที่แดชบอร์ดผู้ดูแลระบบ WordPress ของคุณ ไปที่ ปลั๊กอิน » เพิ่มใหม่ » อัปโหลดปลั๊กอิน

วิธีอัปโหลดปลั๊กอินใน WordPress

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

ใบอนุญาต WPForms

ตอนนี้คุณพร้อมที่จะสร้างแบบฟอร์มที่คุณต้องการแล้ว

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

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

ด้านล่างนี้ คุณจะเห็นเทมเพลตที่พร้อมใช้งาน เลือกเทมเพลต แบบฟอร์มการติดต่อแบบธรรมดา

เพิ่มเทมเพลตแบบฟอร์มการติดต่อใน WPForms

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

ตัวแก้ไขการลากและวาง WPForms

หากคุณต้องการเปลี่ยนข้อความใด ๆ ที่นี่ คุณเพียงแค่ต้องคลิกที่ข้อความในหน้าตัวอย่างและแก้ไขมัน

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

ฟิลด์ดรอปดาวน์ใน WPForms

คุณสามารถเปลี่ยนป้ายกำกับฟิลด์และเพิ่มคำอธิบายได้ คุณยังสามารถเพิ่มและลบตัวเลือกและติดป้ายกำกับใหม่ได้

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

ลองใช้ตัวสร้างนี้เพื่อทดสอบฟีเจอร์ทั้งหมดที่มี

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

คำแนะนำของเราคือเพิ่มช่องชื่อ อีเมลหรือหมายเลขโทรศัพท์ และส่วนความคิดเห็น

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

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

ขั้นตอนที่ 3: ตั้งค่าการแจ้งเตือนและการยืนยันแบบฟอร์ม

WPForms มีฟีเจอร์เรียบร้อยที่คุณสามารถตั้งค่าอีเมลอัตโนมัติที่จะส่งถึงคุณ ทีมของคุณ และบุคคลที่ส่งแบบฟอร์ม

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

แท็บการตั้งค่าทั่วไปใน WPForms

คุณสามารถแก้ไขชื่อแบบฟอร์ม คำอธิบาย ปุ่มส่งแบบฟอร์ม และอื่นๆ ได้ที่นี่ ในแท็บถัดไปที่เรียกว่า Spam Protection and Security คุณสามารถเปิด/ปิดการป้องกันสแปมและ captcha ได้ วิธีนี้จะช่วยป้องกันผู้ส่งอีเมลขยะ ดังนั้นคุณจะได้รับเพียงการส่งแบบฟอร์มจริงเท่านั้น

สแปมและความปลอดภัยใน WPForms

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

คุณสามารถตั้งค่าการแจ้งเตือนใหม่ได้โดยใช้ปุ่ม "เพิ่มการแจ้งเตือนใหม่"

เพิ่มการแจ้งเตือนแบบฟอร์มใหม่

ถัดไป คุณจะเห็นตัวเลือกด้านล่างเพื่อปรับแต่งที่อยู่อีเมล หัวเรื่องอีเมล จากชื่อ และช่องข้อความอีเมล

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

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

การยืนยัน WPForms

ฟังก์ชั่นนี้มี 3 ตัวเลือกที่นี่:

  • ข้อความ: แสดงข้อความที่กำหนดเองบนเว็บไซต์ของคุณ
  • แสดงเพจ: นำผู้ใช้ไปยังเพจเฉพาะบนเว็บไซต์ของคุณ
  • ไปที่ URL (เปลี่ยนเส้นทาง): ส่งผู้ใช้ไปยัง URL ใด ๆ รวมถึงลิงก์ของบุคคลที่สาม

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

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

ขั้นตอนที่ 4: เพิ่มการรวมอีเมล (ไม่บังคับ)

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

ใต้แท็บ การตลาด ทางด้านซ้าย คุณจะเห็นตัวเลือกในการเชื่อมต่อกับบริการอีเมลยอดนิยม เช่น Constant Contact, AWeber, Drip และอื่นๆ อีกมากมาย

เพิ่มการรวมการตลาดผ่านอีเมลใหม่

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

ตอนนี้คุณพร้อมที่จะเผยแพร่แบบฟอร์มการติดต่อบนเว็บไซต์ของคุณแล้ว

ขั้นตอนที่ 5: เผยแพร่แบบฟอร์มการติดต่อ

WPForms ทำให้การเพิ่มแบบฟอร์มติดต่อไปยังส่วนใดๆ ของเว็บไซต์ของคุณ เช่น หน้า โพสต์ แถบด้านข้าง หรือส่วนท้ายเป็นเรื่องง่าย

ขั้นแรก หากต้องการเพิ่มแบบฟอร์มลงในหน้าหรือโพสต์ที่มีอยู่หรือใหม่ ให้เปิดตัวแก้ไขบล็อก ใช้ไอคอนเครื่องหมาย บวก เพื่อเพิ่มบล็อกใหม่และค้นหา 'WPForms'

เมื่อคุณเลือก WPForms คุณจะเห็นบล็อกใหม่ปรากฏในหน้า WordPress ของคุณหรือโพสต์พร้อมกับมาสคอต WPForms

เพิ่ม WPFforms ในตัวแก้ไขบล็อก

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

ใน Classic Editor ของ WordPress คุณจะเห็นปุ่ม “เพิ่มแบบฟอร์ม” ที่เมนูด้านบน ซึ่งจะทำให้คุณสามารถเพิ่มแบบฟอร์มลงในเพจของคุณได้

หากคุณต้องการเพิ่มลงในพื้นที่พร้อมวิดเจ็ต เช่น แถบด้านข้าง ให้ไปที่แท็บ ลักษณะที่ปรากฏ»วิดเจ็ต เพิ่มวิดเจ็ต WPForms ลงในแถบด้านข้าง

เช่นนี้ คุณสามารถเพิ่มลงในส่วนท้ายของคุณได้เช่นกัน คุณจะพบบล็อก WPForms ที่มีอยู่ในเครื่องมือสร้างเพจยอดนิยมทั้งหมด เช่น SeedProd, Elementor และ Thrive Architect

WPForms ยังรองรับรหัสย่อเพื่อให้คุณสามารถใช้รหัสเพื่อฝังแบบฟอร์มการติดต่อของคุณได้ทุกที่บนเว็บไซต์ของคุณ

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

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

คุณต้องการสร้างหน้าติดต่อเฉพาะหรือไม่? เราขอแนะนำให้ตรวจสอบ SeedProd เป็นปลั๊กอินสร้างเพจที่ดีที่สุดสำหรับ WordPress มีเทมเพลตสำเร็จรูปและส่วนอัจฉริยะ ดังนั้นคุณจะพบส่วนติดต่อที่ออกแบบมาสำหรับคุณแล้ว

คุณยังสามารถแจ้งให้ผู้ใช้ติดต่อคุณโดยแสดงป๊อปอัปเป้าหมายในเวลาและสถานที่ที่เหมาะสม Jared Ritchey เป็นเครื่องมือที่ดีที่สุดสำหรับสิ่งนั้น

สนใจที่จะเรียนรู้เพิ่มเติมเกี่ยวกับวิธีใช้ WPForms หรือไม่? ดูบทช่วยสอน WPForms ฉบับสมบูรณ์ของเรา »

วิธีการใช้งาน WPForms