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

เผยแพร่แล้ว: 2021-12-16

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

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

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

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

อ่านต่อเพื่อดูว่าคุณสามารถสร้างแบบฟอร์มหลายขั้นตอนบนเว็บไซต์ WordPress ได้อย่างไรในเวลาเพียงไม่กี่นาที….

เนื้อหา ซ่อน
แบบฟอร์มหลายขั้นตอนคืออะไร?
ทำไมต้องใช้แบบฟอร์มหลายขั้นตอนใน WordPress?
ตั้งค่าคุณจำเป็นต้องสร้าง WordPress Multi Step Form
วิธีสร้างแบบฟอร์มหลายขั้นตอนใน WordPress
ขั้นตอนที่ 1: ลากและวาง MetForm
ขั้นตอนที่ 2: สร้างแบบฟอร์มใหม่
ขั้นตอนที่ 3: สร้างแบบฟอร์มหลายขั้นตอนตั้งแต่เริ่มต้นโดยใช้ตัวสร้าง MetForm และ Elementor Page
ขั้นตอนที่ 4: เปิดใช้งานตัวเลือกแบบฟอร์มหลายขั้นตอนของ MetForm
ขั้นตอนที่ 5: กำหนดค่าการยืนยัน การแจ้งเตือน และการตั้งค่าอื่นๆ ให้เสร็จสมบูรณ์
สรุป

แบบฟอร์มหลายขั้นตอนคืออะไร?

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

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

– ฮับสปอต

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

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

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

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

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

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

ตั้งค่าคุณจำเป็นต้องสร้าง WordPress Multi Step Form

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

  1. องค์ประกอบ (รุ่นฟรี)
  2. MetForm (ฟรีและโปร)

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

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

นำทางไปยัง WordPress หน้าใหม่

ตอนนี้ ระบุ ชื่อ ที่เหมาะสม เลือก Elementor Full Width เป็นเทมเพลต คลิกที่ Publis h หลังจากนั้นคลิกที่ แก้ไขด้วย Elementor

เพิ่มหน้าใหม่ WordPress

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

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

ดาวน์โหลด MetForm

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

ในบล็อกนี้ คุณจะได้เรียนรู้การสร้างแบบฟอร์มหลายขั้นตอนที่ดูทันสมัยตั้งแต่เริ่มต้นใน 5 ขั้นตอนง่ายๆ:

ขั้นตอนที่ 1: ลากและวาง MetForm

เมื่อคุณอยู่ในโหมด แก้ไขด้วย Elementor ให้ ค้นหา MetForm แล้ว ลากและวาง บนตำแหน่งที่คุณต้องการให้แบบฟอร์มปรากฏ

ลากและวางเมตฟอร์ม

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

คลิกที่ส่วนแบบฟอร์มเพื่อไปที่ตัวเลือก แก้ไข MetForm คลิก ที่ปุ่ม แก้ไขแบบฟอร์ม

คลิกแก้ไขแบบฟอร์มเพื่อสร้าง mutistep แบบฟอร์ม WordPress โดยใช้ Elementor และ MetForm.png

เมื่อป๊อปอัปหน้าต่างใหม่

  • เลือกใหม่ (สร้างแบบฟอร์มใหม่)
  • ระบุ ชื่อ แบบฟอร์มสำหรับแบบฟอร์ม
  • เลือกเทมเพลตเปล่า
  • และคลิกที่ แก้ไขแบบฟอร์ม
สร้างแบบฟอร์มใหม่ MetForm

ไม่แน่ใจว่าทำไมคุณควรเลือก MetForm ไม่ใช่ Contact Form หรือ Gravity Forms? ตรวจสอบบล็อกของเรา ว่าทำไม MetFrom คือเครื่องมือสร้างฟอร์มที่ดีที่สุดสำหรับ WordPress

ขั้นตอนที่ 3: สร้างแบบฟอร์มหลายขั้นตอนตั้งแต่เริ่มต้นโดยใช้ตัวสร้าง MetForm และ Elementor Page

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

เพิ่มส่วนใหม่ล่าสุด

ลากและวางช่องป้อนข้อมูลตามความต้องการ

ลากและวางปุ่มก่อนหน้า/ถัดไป/ส่งขึ้นอยู่กับวลีของแบบฟอร์ม

ระบุชื่อที่ถูกต้องให้กับส่วน

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

แบบฟอร์มการจอง ขั้นตอนที่หนึ่ง – ข้อมูลส่วนบุคคล:

  • สำหรับส่วนข้อมูลส่วนบุคคล ให้คลิกที่ ไอคอน Elementor + และเลือก โครงสร้างที่มีสองคอลัมน์เท่ากัน
เลือกโครงสร้างสำหรับขั้นตอนแรกของ wordpress แบบหลายขั้นตอนโดยใช้ MetForm
  • ค้นหาช่องป้อนข้อความ แล้วลากและวางช่องแบบฟอร์มในคอลัมน์ด้านซ้าย
ลากและวางการป้อนข้อความ MetForm
  • ในการแก้ไขแอตทริบิวต์ของช่องป้อนข้อมูลนี้ ให้คลิกที่เครื่องหมายแก้ไข ไปที่ เนื้อหา ⇒ เนื้อหา และแก้ไขตัวเลือกต่อไปนี้:
    • แสดงป้ายกำกับ: เปิดตัวเลือกนี้เพื่อแสดงป้ายกำกับของช่องป้อนข้อมูล
    • ตำแหน่ง: คุณสามารถเลือกตำแหน่งป้ายชื่อด้านบนหรือด้านซ้าย
    • ป้ายกำกับ: ตั้งชื่อป้ายกำกับของคุณ ฉันจะใช้ "ชื่อจริง"
    • ชื่อ: ต้องระบุช่องชื่อและต้องไม่ซ้ำกัน ดังนั้น อย่าลืมตั้งชื่อให้แต่ละฟิลด์แตกต่างกัน และแทนที่ช่องว่างด้วยขีดล่าง/ยัติภังค์
    • ตัว ยึดตำแหน่ง: ระบุข้อความตัวแทน
    • ข้อความช่วยเหลือ: ในกรณีที่คุณต้องการให้ข้อความช่วยเหลือสำหรับผู้ใช้ คุณสามารถทำได้ที่นี่
การตั้งค่าเนื้อหาของช่องข้อความ
  • ถัดไป ไปที่ เนื้อหา ⇒ การตั้งค่า เพื่อแก้ไขตัวเลือกต่อไปนี้:
    • จำเป็น: หากต้องการให้ฟิลด์แบบฟอร์มนี้จำเป็นต้องเปิดตัวเลือกนี้
    • ประเภทการตรวจสอบความถูกต้อง : คุณสามารถตั้งค่าการตรวจสอบความถูกต้องประเภทต่างๆ สำหรับช่องข้อความตามความยาวของอักขระ ความยาวของคำ และนิพจน์ได้
    • ข้อความเตือน: คุณสามารถตั้งค่าข้อความเตือนที่จะแสดงขึ้นหากไม่เป็นไปตามข้อกำหนด
การตั้งค่าของฟิลด์ป้อนข้อความ metform

หมายเหตุ: ฉันจะใช้คุณลักษณะ ตรรกะตามเงื่อนไข ในขั้นตอนที่สองของแบบฟอร์มนี้

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

ลากและวางอีเมลและหมายเลข Metform

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

ลากและวางขั้นตอนถัดไป
  • ตอนนี้ส่วนสำหรับขั้นตอนแรกพร้อมแล้ว เพื่อตั้งชื่อที่ถูกต้องให้กับขั้นตอนแรก
    • คลิกที่ไอคอนหกจุดเพื่อเปิดตัวเลือกการตั้งค่าและไปที่ เลย์เอาต์ ⇒ หลายขั้นตอน
    • ระบุชื่อบนตัวเลือก ชื่อแท็บหลายขั้นตอน
    • เลือกไอคอนจากไลบรารีหรืออัปโหลด SVG
    • คลิกที่อัปเดตเพื่อบันทึก
เปลี่ยนชื่อ Nav ของขั้นตอนแรกของ multiform wordpress.png

เมื่อส่วนแรกพร้อมแล้ว มาสร้างขั้นตอนที่สองกัน

แบบฟอร์มการจอง ขั้นตอนที่สอง – ข้อมูลการจอง:

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

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

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

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

  • คัดลอกค่าของฟิลด์ Name ของฟิลด์อินพุตเช็คอิน
  • จากนั้นไปที่ เนื้อหา ⇒ เงื่อนไข เปิดตัวเลือกการ เปิดใช้ งาน
  • เลือก AND จากดรอปดาวน์เกณฑ์การจับคู่เงื่อนไข
  • จากตัวเลือกการดำเนินการแบบเลื่อนลง ให้เลือก แสดงฟิลด์ นี้
  • คลิกที่ + ADD ITEM บนฟิลด์อินพุต if ให้วางค่าชื่อฟิลด์เช็คอินที่คุณคัดลอก
  • เลือก " ไม่ว่างเปล่า " จากเมนูแบบเลื่อนลงของการแข่งขัน (การเปรียบเทียบ)
ฟอร์ม WordPress ลอจิกแบบมีเงื่อนไขโดยใช้ metForm

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

ลอจิกแบบมีเงื่อนไข แบบฟอร์ม WordPress

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

และเนื่องจากเป็นขั้นตอนกลาง เราจึงต้อง มีทั้งปุ่มก่อนหน้าและปุ่มถัดไป

เพิ่มฟิลด์ตัวเลข Metform

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

หากต้องการเรียนรู้ รายละเอียดเพิ่มเติมเกี่ยวกับคุณลักษณะแบบฟอร์มตามเงื่อนไข ของ MetForm คลิกที่นี่

ตอนนี้ขั้นตอนที่สองพร้อมแล้ว มาต่อกันที่ขั้นตอนที่สามกัน

แบบฟอร์มการจอง ขั้นตอนที่สาม – ข้อมูลเพิ่มเติม

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

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

แบบฟอร์มหลายขั้นตอน WordPress Metform ขั้นตอนที่ 3

หมายเหตุ: คุณสามารถเพิ่มส่วนภายในได้มากเท่าที่คุณต้องการ แต่ในการสร้างขั้นตอนใหม่ คุณต้องเพิ่มส่วนใหม่

หากต้องการตั้งชื่อส่วนที่สาม ให้ไปที่ เลย์เอาต์ ⇒ หลายขั้นตอน และเพิ่มชื่อ “ ข้อมูลเพิ่มเติม ” และเพิ่มไอคอน

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

ขั้นตอนที่ 4: เปิดใช้งานตัวเลือกแบบฟอร์มหลายขั้นตอนของ MetForm

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

  • ไปที่เนื้อหา ⇒ การตั้งค่าหลายขั้นตอน
  • เปิดตัวเลือกเปิดใช้งานหลายขั้นตอนเพื่อให้ตัวเลือกหลายขั้นตอนใช้งานได้
  • เปิดใช้งาน Display Multistep Nav เพื่อให้เมนู Section ปรากฏขึ้นที่ด้านบน คุณยังสามารถแก้ไขการตั้งค่าต่างๆ เช่น Adaptive Form Container Height, Enable scroll to top ฯลฯ
  • หลังจากทำการเปลี่ยนแปลงทั้งหมดแล้ว ให้คลิกที่อัปเดตเพื่อบันทึก
การตั้งค่าและอัปเดตหลายขั้นตอน

ขั้นตอนที่ 5: กำหนดค่าการยืนยัน การแจ้งเตือน และการตั้งค่าอื่นๆ ให้เสร็จสมบูรณ์

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

ไปที่การตั้งค่า MetForm เพื่อแก้ไขและค้นหารหัสย่อ

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

ที่นี่คุณจะพบการตั้งค่าต่อไปนี้:

ทั่วไป:

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

การตั้งค่าทั่วไป Metform

การยืนยัน:

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

การตั้งค่าการยืนยัน MetForm

การตั้งค่าการแจ้งเตือน:

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

การตั้งค่าการแจ้งเตือน MetForm

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

คลิกเพื่อบันทึกการเปลี่ยนแปลง Multistep จาก WordPress

นอกเหนือจากการตั้งค่า ฉันได้กล่าวถึงในบล็อกนี้แล้ว คุณยังได้รับการบูรณาการเช่น REST API, Mail Chimp, Google ชี ต เป็นต้น นอกจากนี้ การรวมเกตเวย์การชำระเงินเช่น PayPal, Stripe การผสานรวม CRM ซึ่งรวมถึง HubSpot, Zoho ฯลฯ คุณยังได้รับ ตัวเลือกการตรวจสอบสิทธิ์ เช่น การเข้าสู่ระบบและการลงทะเบียน สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับการตั้งค่าเหล่านี้ โปรดดูเอกสารประกอบของ MetForm

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

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

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

สรุป

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

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

อย่าลืมตรวจสอบคุณสมบัติที่น่าทึ่งทั้งหมดที่ MetForm มีให้

ชำระเงินคุณสมบัติ MetForm