คุณต้องการสร้างแบบฟอร์มหลายขั้นตอนหรือคุณต้องการสร้างแบบฟอร์มหลายหน้าใน WordPress หรือไม่? นี้ กวดวิชา WordPress อธิบายทุกอย่างให้คุณฟัง ?

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

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

แต่ก่อนหน้านี้หากคุณไม่เคยติดตั้ง WordPress ให้ค้นพบ วิธีการติดตั้งขั้นตอน 7 บล็อก WordPress et วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ 

จากนั้นกลับไปที่สาเหตุที่เราอยู่ที่นี่ 

แต่ทำไมต้องใช้แบบฟอร์มหลายหน้าใน WordPress?

ทำไมต้องเพิ่มแบบฟอร์มหลายหน้าใน WordPress?

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

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

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

ตอนนี้คุณรู้แล้วว่าทำไมการใช้แบบฟอร์มหลายหน้าจึงเหมาะสำหรับ ประสบการณ์ผู้ใช้, ไปที่การสร้างแบบฟอร์มใน WordPress กัน

วิธีสร้างแบบฟอร์มหลายหน้าใน WordPress

ในบทช่วยสอนนี้ เราจะใช้ WPForms เพื่อสร้างฟอร์มหลายหน้าใน WordPress WPForms เป็นปลั๊กอินสร้างฟอร์ม WordPress แบบลากและวางที่ดีที่สุด และด้วยการติดตั้งที่ใช้งานอยู่กว่า 3 ล้านครั้ง เครื่องมือนี้จึงเหมาะสำหรับผู้เริ่มต้นใช้งานมากที่สุด

เหนือสิ่งอื่นใด มันมีทั้งเวอร์ชันฟรีและจ่ายเงิน แต่วันนี้เราจะใช้ WPForms เวอร์ชัน Pro เพื่อสร้างแบบฟอร์มหลายหน้าใน WordPress

อ่านคู่มือของเราได้ที่ วิธีปรับแต่งแบบฟอร์ม WPForms ด้วย Elementor

มาเริ่มกันที่ขั้นตอนแรกซึ่งก็คือการสร้างรูปแบบใหม่

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

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

ด้วย WPForms คุณสามารถแบ่งแบบฟอร์มประเภทใดก็ได้ออกเป็นหลายส่วน ดังนั้นเรามาสร้างไฟล์ แบบฟอร์มติดต่อ ง่าย

ไปที่เมนู WPForms -> เพิ่ม เพื่อสร้างฟอร์มใหม่และแสดงเทมเพลตที่พร้อมใช้งาน

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

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

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

  • ชื่อ
  • อีเมลล์
  • แสดงความคิดเห็นหรือข้อความ

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

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

  • แบบฟอร์มติดต่อสอบถาม
  • แบบฟอร์มสั่งซื้อออนไลน์
  • พิมพ์แบบฟอร์ม รูปแบบรูปแบบ
  • แบบฟอร์มอัพโหลดไฟล์

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

เมื่อคุณรู้วิธีเริ่มต้นแล้ว มาเรียนรู้วิธีแบ่งแบบฟอร์มของเราออกเป็นส่วนๆ

ขั้นตอนที่ 2: แบ่งแบบฟอร์มออกเป็นส่วนๆ

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

ในการทำเช่นนั้น ให้ดูที่ ส่วนหัวของฟิลด์ที่ซับซ้อน แล้วลากช่องแบบฟอร์ม แบ่งหน้า ในแผงด้านขวา

วางฟิลด์บนแบบฟอร์มของคุณในตำแหน่งที่คุณต้องการแยกออก

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

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

ขั้นตอนที่ 3: ปรับแต่งแถบความคืบหน้าของแบบฟอร์ม

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

WPForms มาพร้อมกับแถบตัวบ่งชี้ความคืบหน้า 3 แถบสำหรับแบบฟอร์มหลายหน้าซึ่งมีดังนี้:

  1. คอนเนคเตอร์ – เชื่อมต่อแถบและชื่อหน้าสำหรับแต่ละขั้นตอนในแบบฟอร์มของคุณ
  2. แวดวง – วงกลมที่มีหมายเลขและชื่อหน้าสำหรับแต่ละขั้นตอนของแบบฟอร์ม
  3. แถบความคืบหน้า – ตัวบ่งชี้ความคืบหน้าของผู้ใช้เมื่อทำตามขั้นตอนในแบบฟอร์ม

หากต้องการเปลี่ยนแถบความคืบหน้าและชื่อหน้าของหน้าแรกของแบบฟอร์มหลายหน้า ให้คลิกที่ช่อง ตัวแบ่งหน้าแรก.

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

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

จากนั้นคุณสามารถแก้ไขปุ่ม suivante หน้า และข้อความซึ่งนำผู้ใช้ไปยังหน้าถัดไปของแบบฟอร์มของคุณ

โดยคลิกที่ปุ่ม ดังต่อไปนี้  ของเพจของคุณ คุณสามารถแก้ไขป้ายกำกับของปุ่มในคอลัมน์ด้านซ้าย

สร้างแบบฟอร์มหลายหน้า

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

สร้างแบบฟอร์มหลายหน้า

เมื่อคุณปรับแต่งแถบความคืบหน้าเสร็จแล้ว ให้คลิก Enregistrer และไปที่ขั้นตอนต่อไป

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

ตอนนี้ ไปที่การเปลี่ยนการตั้งค่าแบบฟอร์มของคุณ โดยไปที่ การตั้งค่า -> ทั่วไป.

ในส่วนนี้ คุณสามารถตั้งค่าตัวเลือกต่อไปนี้:

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

เมื่อตั้งค่าเรียบร้อยแล้ว ให้คลิก Enregistrer.

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

การตั้งค่าการแจ้งเตือนใน WPForms ส่งอีเมลเมื่อมีการส่งแบบฟอร์มบนเว็บไซต์ WordPress ของคุณ

คุณสามารถค้นหาการตั้งค่าการแจ้งเตือนได้โดยคลิก การตั้งค่า -> การแจ้งเตือน.

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

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

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

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

ขั้นตอนที่ 6: ตั้งค่าข้อความยืนยันแบบฟอร์มของคุณ

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

ข้อความยืนยันใน WPForms มี 3 ประเภท ได้แก่

  1. ระบุความประสงค์หรือขอข้อมูลเพิ่มเติม – ข้อความธรรมดาที่แจ้งให้ผู้ใช้ทราบว่าได้ส่งแบบฟอร์มแล้ว
  2. แสดงหน้า – ส่งผู้ใช้ไปยังหน้าอื่น เช่น หน้าขอบคุณ หลังจากส่งแบบฟอร์ม
  3. ไปที่ URL (เปลี่ยนเส้นทาง) – ส่งผู้เยี่ยมชมเว็บไซต์ไปยังเว็บไซต์อื่นหลังจากส่งแบบฟอร์ม

ในการกำหนดค่าข้อความยืนยันของคุณ ให้คลิก การตั้งค่า -> การยืนยัน.

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

ตอนนี้ปรับแต่งข้อความตามความต้องการของคุณและคลิก Enregistrer เมื่อคุณพอใจ

ตอนนี้คุณพร้อมที่จะเพิ่มแบบฟอร์มของคุณไปยัง WordPress แล้ว

ขั้นตอนที่ 7: เพิ่มแบบฟอร์มของคุณไปที่ WordPress

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

มาดูวิธีการเพิ่มแบบฟอร์มหลายหน้าของคุณในหน้า WordPress

ในการเริ่มต้น ให้ไปที่ส่วนผู้ดูแลระบบ WordPress แล้วคลิก หน้า -> เพิ่ม.

จากนั้นคลิกไอคอนเครื่องหมายบวกในตัวแก้ไข WordPress เพื่อเพิ่มบล็อกเนื้อหาใหม่ ในกล่องค้นหา ให้พิมพ์ WPForms เพื่อให้ค้นหาได้ง่าย

สร้างแบบฟอร์มหลายขั้นตอน

ตอนนี้คลิกที่บล็อก WPForms เพื่อเพิ่มลงในเพจของคุณ

เมื่อ WPForms ปรากฏขึ้นภายในบล็อกของคุณ ให้คลิกลูกศรแบบเลื่อนลงเพื่อเลือกแบบฟอร์มหลายหน้าจากรายการและแทรกลงในหน้าของคุณ

ทันทีที่เลือกแบบฟอร์มหลายหน้า แบบฟอร์มนั้นจะปรากฏบนหน้าของคุณ

สร้างแบบฟอร์มหลายขั้นตอน

และนั่นคือทั้งหมด ! คุณได้เรียนรู้วิธีสร้างแบบฟอร์มหลายหน้าแล้ว

แหล่งข้อมูลอื่น ๆ ที่แนะนำ

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

สรุป

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

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

แต่ในระหว่างนี้อย่าลืมทิ้ง ความเห็น และข้อเสนอแนะในส่วนเฉพาะ

...