จะสร้างแบบฟอร์มหลายขั้นตอนด้วยแถบความคืบหน้าใน WordPress ได้อย่างไร?

เผยแพร่แล้ว: 2023-05-01

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

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

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

ดังนั้น บทความนี้จะให้คำแนะนำโดยละเอียดเกี่ยวกับวิธีสร้างแบบฟอร์มหลายขั้นตอนใน WordPress ด้วยแถบความคืบหน้า

เอาล่ะ.

สารบัญ

ทำไมต้องสร้างแบบฟอร์มหลายขั้นตอนใน WordPress ด้วยแถบความคืบหน้า

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

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

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

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

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


การสร้างแบบฟอร์มหลายขั้นตอนด้วยแถบความคืบหน้าใน WordPress (บทช่วยสอน)

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

แต่การเลือกเครื่องมือที่เหมาะสมเพื่อดำเนินการต่อในกระบวนการเป็นสิ่งสำคัญมาก นี่คือที่ซึ่งปลั๊กอินตัวสร้างฟอร์มที่ดีที่สุด Everest Forms เข้ามา

แบบฟอร์มเอเวอเรสต์

คุณสามารถสร้างแบบฟอร์มออนไลน์ได้หลากหลายโดยใช้แบบฟอร์ม Everest รวมถึงแบบฟอร์มสมัครงาน แบบฟอร์มติดต่อ แบบสำรวจ แบบสำรวจ ฯลฯ

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

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

ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งาน Everest Forms และ Everest Forms Pro

สิ่งแรกที่คุณต้องทำคือติดตั้ง Everest Forms และ Everest Forms Pro บนแดชบอร์ด WordPress ของคุณ

คุณสามารถสร้างรูปแบบง่ายๆ ด้วยปลั๊กอินเวอร์ชันฟรี

แต่หากต้องการรับ Add-on ของแบบฟอร์มหลายส่วน คุณจะต้องอัปเกรดเป็นแผนพรีเมียม (บวกหรือสูงกว่า)

ส่วนเสริมแบบฟอร์มหลายส่วน

ขั้นตอนการติดตั้ง Everest Forms Pro นั้นง่ายมาก เพียงเข้าไปที่เว็บไซต์ทางการของปลั๊กอิน ซึ่งคุณจะเห็นแผนบริการ 4 แบบ

หน้าราคา Everest Forms

เลือกแผนตามงบประมาณและความต้องการของคุณ

หลังจากนั้น คุณจะได้รับลิงก์ไปยังอีเมลของคุณ ไปตามลิงก์และเข้าถึงแดชบอร์ดบัญชีของคุณ

จากที่นั่น คุณสามารถดาวน์โหลด pro zip ของปลั๊กอินและรับรหัสใบอนุญาตภายใต้แท็บ รหัสใบอนุญาต

หลังจากนั้น กลับไปที่แดชบอร์ด WordPress ของคุณและไปที่ Plugins >> Add New และเพียงคลิกที่ปุ่ม อัปโหลดปลั๊กอิน

จากนั้น เลือกไฟล์ซิป Everest Forms pro ที่คุณดาวน์โหลดมาก่อนแล้วกด ติดตั้งทันที

Zip อัปโหลดแบบฟอร์ม Everest

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

ป้อนรหัสใบอนุญาต

หากคุณต้องการรายละเอียดขั้นตอนการติดตั้งและการตั้งค่าทั้งหมด ให้ไปที่ลิงก์นี้เกี่ยวกับวิธีการติดตั้ง Everest Forms pro

เมื่อคุณตั้งค่าปลั๊กอินถูกต้องแล้ว คุณสามารถไปยังขั้นตอนถัดไปได้


ขั้นตอนที่ 2: ติดตั้งและเปิดใช้งาน Add-on ของแบบฟอร์มหลายส่วน

เนื่องจากคุณมีเวอร์ชันโปร ตอนนี้คุณจึงสามารถติดตั้ง Add-on ของ Multi Part Forms ได้อย่างง่ายดาย อันดับแรก ไปที่ Everest Forms >> Add-on

หลังจากนั้น ค้นหา Multi Part add-on จากนั้นเพียงคลิกที่ปุ่ม ติดตั้ง Addon และกดเปิด ใช้งาน

ส่วนเสริมหลายส่วนสร้างแบบฟอร์มหลายขั้นตอนพร้อมแถบความคืบหน้า

คุณจะรู้ว่าส่วนเสริมทำงานอยู่เมื่อสถานะระบุว่า เปิดใช้งานแล้ว

ส่วนเสริมหลายส่วนเปิดใช้งานสถานะแล้ว

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

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

ไปที่ Everest Forms >> Add new .

แบบฟอร์ม Everest เพิ่มใหม่

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

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

เริ่มต้นจากศูนย์

ดังนั้นคลิกที่ Start From Scratch และตั้งชื่อแบบฟอร์มของคุณ

เราจะเรียกว่า “ แบบประเมินพนักงาน ” แล้วกด ดำเนินการต่อ

ชื่อแบบฟอร์ม

หลังจากนั้น คุณจะเห็นหน้าจอแก้ไขแบบฟอร์ม Everest Forms ซึ่งมีลักษณะเหมือนกับด้านล่าง


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

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

ไปที่แท็บ การตั้งค่า ที่ด้านบน และคลิกที่การตั้งค่า หลายส่วน

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

เปิดใช้งานตัวเลือกหลายส่วน

ในหน้าเดียวกัน คุณจะเห็นตัวเลือกการปรับแต่งบางอย่างสำหรับตัวบ่งชี้ชิ้นส่วน เช่น:

ตัวบ่งชี้ความคืบหน้า:

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

ตัวเลือกตัวบ่งชี้ความคืบหน้า
1. แถบความคืบหน้า
แบบฟอร์มหลายขั้นตอนแถบความคืบหน้า
2. เซอร์เคิลบาร์
เซอร์เคิลบาร์
3. ขั้นตอนลูกศร
Arrow Steps Bar

สีของตัวบ่งชี้ความคืบหน้า:

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

สีตัวบ่งชี้ความคืบหน้า

การจัดตำแหน่งการนำทางส่วน:

คุณสามารถเลือกการจัดตำแหน่งสำหรับปุ่มนำทางส่วนต่างๆ เช่น:

1. ซ้าย
จัดชิดซ้าย
2. ถูกต้อง
การจัดตำแหน่งที่ถูกต้อง
3. ศูนย์
ศูนย์จัดตำแหน่ง
4. แยก
การจัดตำแหน่งแยก

หลังจากทำการเปลี่ยนแปลงทั้งหมดแล้ว อย่าลืม บันทึก


ขั้นตอนที่ 5: เพิ่มฟิลด์และสร้างแบบฟอร์มหลายขั้นตอนของคุณ

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

มันมีชื่อว่า Part Title ซึ่งคุณสามารถเปลี่ยนในภายหลังได้จาก ตัวเลือกหน้า

เปลี่ยนตัวเลือกหน้าสำหรับชื่อเรื่อง

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

ลากและวางฟิลด์

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

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

ปุ่มเพิ่มส่วนใหม่

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

ย้ายชิ้นส่วน

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

ตัวเลือกหน้าชื่อเรื่อง

ที่นี่เราได้เพิ่มสี่ส่วนและตั้งชื่อว่า WPEverest Annual Performance Review, Performance Measurement, Future Goals และ More Information ตามลำดับ

สุดท้าย คลิกปุ่ม บันทึก เพื่อบันทึกการเปลี่ยนแปลงที่คุณทำกับแบบฟอร์มของคุณ


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

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

ที่นี่ คุณจะพบส่วนต่างๆ พร้อมตัวเลือกการปรับแต่งต่างๆ

1. ทั่วไป

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

การตั้งค่าทั่วไป
2. อีเมล

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

การตั้งค่าอีเมล
3. เว็บฮุค

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

การตั้งค่าเว็บฮุค

ตอนนี้คุณสามารถคลิกที่ บันทึก เพื่อบันทึกการเปลี่ยนแปลงที่คุณทำกับแบบฟอร์ม


ขั้นตอนที่ 7: ดูตัวอย่างและเผยแพร่แบบฟอร์มของคุณ

คุณสร้างฟอร์มหลายส่วนพร้อมช่องความคืบหน้าสำเร็จแล้วโดยใช้ Everest Forms

แต่ผู้ใช้ของคุณจะมองเห็นได้ก็ต่อเมื่อคุณแสดงแบบฟอร์มบนเว็บไซต์ WordPress

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

ดูตัวอย่างบันทึก

ถัดไป หากต้องการเพิ่มแบบฟอร์มลงในไซต์ของคุณ คุณสามารถใช้บล็อก Everest Forms เพื่อแสดงแบบฟอร์มของคุณ

ไปที่ โพสต์/หน้า >> เพิ่มใหม่

โพสต์เพิ่มใหม่

คุณจะเข้าสู่ตัวแก้ไขบล็อก คลิกปุ่ม เพิ่มบล็อก (+) และค้นหาบล็อก Everest Forms

เอเวอเรสต์ฟอร์มบล็อก

เพิ่มลงในหน้าและเลือก แบบฟอร์มการประเมินพนักงาน WordPress ของคุณจากเมนูแบบเลื่อนลง

แบบประเมินพนักงาน Drop Down แบบหลายขั้นตอน WordPress

สุดท้าย คุณสามารถกดปุ่ม เผยแพร่ ที่ด้านบน

เผยแพร่แบบฟอร์ม สร้างแบบฟอร์มหลายขั้นตอนใน WordPress

ห่อมันขึ้น!

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

ตอนนี้คุณสามารถสร้างแบบฟอร์มหลายขั้นตอนใน WordPress ด้วยแถบความคืบหน้าโดยใช้ Everest Forms ได้อย่างง่ายดาย

Everest Forms เป็นมากกว่าเครื่องมือสร้างฟอร์มพื้นฐานของคุณ หากต้องการรับความเห็นเพิ่มเติมเกี่ยวกับปลั๊กอิน โปรดอ่านบทความของเราเกี่ยวกับบทวิจารณ์ Everest Forms

ถัดไป คุณยังสามารถอ่านวิธีเปลี่ยนธีม WordPress โดยไม่สูญเสียเนื้อหา

สุดท้าย หากคุณชอบเนื้อหาของเรา ติดตามเราบนโซเชียลมีเดียเพื่อรับการอัปเดตในอนาคต

เรามีอยู่ใน Facebook และ Twitter และสำหรับวิดีโอสอนง่ายๆ สมัครสมาชิกช่อง YouTube ของเรา