วิธีสร้างแบบฟอร์มหลายขั้นตอนของ WordPress (วิธี No-Code)

กำลังมองหาบทช่วยสอนเพื่อสร้างแบบฟอร์มหลายขั้นตอนของ WordPress หรือไม่?

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

แต่การสร้างตั้งแต่เริ่มต้นนั้นเหนื่อยมาก และถ้าคุณต้องจ้างนักพัฒนาเพื่อสร้างมันขึ้นมา มันจะมีราคาแพงเช่นกัน

ในบทความนี้ เราจะแสดงวิธีสร้าง WordPress แบบหลายขั้นตอนด้วยวิธีง่ายๆ โดยไม่ต้องเขียนโค้ด

มาดำดิ่งกัน

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

สิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งาน WPForms

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

จากนั้นตรงไปที่แดชบอร์ด WPForms ของคุณและไปที่ ดาวน์โหลด เพื่อรับปลั๊กอินของคุณ:

ถัดไป ติดตั้งและเปิดใช้งานปลั๊กอินบนไซต์ของคุณ และคัดลอกรหัสใบอนุญาตของคุณในแท็บเดียวกัน

สุดท้ายไปที่แดชบอร์ด WordPress ของคุณแล้วตรงไปที่ WPForms » Settings และวางรหัสใบอนุญาตของคุณ:

เมื่อเสร็จแล้ว คลิก เชื่อมต่อ

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

ซึ่งจะเป็นการเปิดตัวสร้างแบบฟอร์มลากและวาง WPForms

เมื่อต้องการสร้างฟอร์มใหม่ ให้ตั้งชื่อและเลือกแม่แบบฟอร์มของคุณ:

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

เมื่อเสร็จแล้ว ให้กด บันทึก

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

การแบ่งแบบฟอร์มของคุณออกเป็นหลาย ๆ หน้าทำได้ง่ายและสะดวกด้วย WPForms

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

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

วางเขตข้อมูลที่คุณต้องการแยกแบบฟอร์ม หากคุณต้องการแบ่งหลาย ๆ ตัว ให้ใช้โมดูลตัวแบ่งหน้าหลาย ๆ โมดูล

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

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

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

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

สิ่งที่ยิ่งใหญ่คือคุณสามารถตั้งค่า Page Indicator Color แบบกำหนดเองได้ เมื่อคุณมีความสุข คุณยังสามารถปรับแต่งตัวแบ่งหน้าอื่นๆ ได้ในลักษณะเดียวกัน

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

เมื่อเสร็จแล้วให้กดปุ่ม บันทึก

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

ถัดไป คุณจะต้องตั้งค่าการแจ้งเตือนและการยืนยัน

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

ตรงไปที่ การตั้งค่า»การยืนยัน เพื่อกำหนดการตั้งค่าการยืนยัน:

จากนั้นในเมนูเดียวกัน ให้ไปที่การ แจ้งเตือน เพื่อกำหนดค่าข้อความแจ้งเตือนของคุณ:

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

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

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

วิธีที่ 1: เพิ่มแบบฟอร์มโดยใช้ตัวแก้ไขบล็อก

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

จากนั้นเลือกแบบฟอร์มที่สร้างขึ้นใหม่โดยใช้เมนูแบบเลื่อนลง:

และคุณควรเห็นแบบฟอร์มการติดต่อของคุณถูกแทรกลงในเพจของคุณโดยอัตโนมัติ

เพียงกด บันทึก และ เผยแพร่ เพื่อดูฟอร์ม WordPress ของคุณทำงาน

วิธีที่ #2: เพิ่มแบบฟอร์มการติดต่อของคุณโดยใช้รหัสย่อ WPForms

WPForms ยังสร้างรหัสย่อสำหรับแบบฟอร์มการติดต่อ WordPress แต่ละแบบ คุณสามารถคัดลอกรหัสย่อของแบบฟอร์มติดต่อได้โดยไป ที่ WPForms » แบบฟอร์มทั้งหมด :

จากนั้นวางรหัสย่อลงในโพสต์หรือหน้าใดก็ได้ที่คุณต้องการ มันง่ายมาก

หากคุณเพิ่งเริ่มใช้รหัสย่อ คุณควรอ่านบทความนี้เกี่ยวกับวิธีเพิ่มรหัสย่อในไซต์ WordPress

วิธีที่ #3: เพิ่มแบบฟอร์มการติดต่อของคุณไปที่แถบด้านข้าง

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

และคุณทำเสร็จแล้ว!

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

นั่นคือทั้งหมดสำหรับสิ่งนี้ คน!

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

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

• ค่าการแจ้งเตือนแบบพุช: ฟรีจริงหรือ (วิเคราะห์ราคา)
• วิธีเพิ่มการเข้าชมบล็อก WordPress ของคุณ (9 วิธีง่ายๆ)
• วิธีเพิ่มอัตราการเลือกรับการแจ้งเตือนทางเว็บของคุณ (7 วิธี)

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