คุณต้องการทราบวิธีการสร้าง ฟอร์ม ในหลายขั้นตอนด้วย Elementor ?
คุณรู้จัก Typeform หรือไม่? เขาเป็นผู้สร้าง รูปแบบ แพลตฟอร์มออนไลน์ยอดนิยมที่รู้จักกันดีในรูปแบบโต้ตอบ ใน Typeform คุณสามารถสร้างไฟล์ ฟอร์ม เกมออนไลน์แบบโต้ตอบหลายขั้นตอนสำหรับวัตถุประสงค์ที่หลากหลาย
หากคุณมีเว็บไซต์ที่ใช้ WordPress ขับเคลื่อนโดย Elementorคุณสามารถผสานรวมของคุณได้อย่างง่ายดาย รูปแบบ Typeform โดยใช้ Essential Addons
ดูเพิ่มเติม: วิธีเพิ่มตารางราคาใน Elementor
แต่ตั้งแต่เวอร์ชั่น 2.9 Elementor มีคุณสมบัติที่คุณสามารถใช้เพื่อสร้างได้ รูปแบบ ในหลายขั้นตอน ในบทความนี้เราจะแสดงวิธีการดำเนินการดังกล่าวด้วยความช่วยเหลือของElementor.
Un ฟอร์ม หลายขั้นตอนเป็นแนวคิดที่ดีในการประหยัดพื้นที่ในการออกแบบของคุณ (ไม่ว่าจะเป็นหน้าหรือเทมเพลตตัวสร้างธีม) ช่วยให้คุณสามารถย่อแบบฟอร์มยาวให้เป็นรูปแบบที่เรียบง่ายยิ่งขึ้น
วิธีสร้างแบบฟอร์มหลายขั้นตอนใน Elementor
ก่อนที่คุณจะเริ่มต้น ตรวจสอบให้แน่ใจว่าคุณได้อัปเกรด Elementor ของคุณเป็นเวอร์ชัน Pro ในกรณีที่คุณไม่ได้อัปเกรด เนื่องจากวิดเจ็ต Form (วิดเจ็ต Elementor สำหรับสร้างแบบฟอร์ม) มีให้ใช้งานในรุ่น Pro เท่านั้น
อ่าน: วิธีสร้างแบบฟอร์มการติดต่อใน Elementor
ในบทความนี้ เราจะไปที่การเพิ่มวิดเจ็ตแบบฟอร์ม แบบฟอร์มหลายขั้นตอนที่เราจะสร้างประกอบด้วยสามขั้นตอนดังนี้:
- ขั้นตอนที่ 1: ชื่อและเพศ
- ขั้นตอนที่ 2: โทรศัพท์และอีเมล
- ขั้นตอนที่ 3: ปุ่มตัวเลือก
ขั้นแรก ให้ลากวิดเจ็ต Form ไปยังกล่องแก้ไขของ Elementor
ไปที่แผงการตั้งค่าทางด้านซ้ายเพื่อทำการตั้งค่า ในบล็อค ช่องแบบฟอร์ม ภายใต้ แท็บเนื้อหา กำหนดฟิลด์ตามความต้องการของคุณ ในกรณีของเรา ฟิลด์จะเป็นดังนี้:
- ชื่อ
- ประเภท
- โทรศัพท์
- อีเมล
- งานอดิเรก
เมื่อคุณเพิ่มและกำหนดฟิลด์แบบฟอร์มที่คุณต้องการเสร็จแล้ว ให้เพิ่มฟิลด์อื่นและตั้งค่าประเภทฟิลด์เป็น ขั้นตอน.
ดูเพิ่มเติมที่: วิธีสร้างภาพโค้งมนใน Elementor
ขั้นตอนนี้จะเพิ่มฟิลด์ใหม่ในลำดับบนสุดโดยอัตโนมัติและฟิลด์ใหม่ที่ด้านล่างสุด คุณสามารถตั้งค่าป้ายกำกับของฟิลด์ด้านบนเป็นบางอย่างเช่น ขั้นตอนที่ 1.
จากนั้นลากฟิลด์ด้านล่างและวางไว้เหนือฟิลด์จากขั้นตอนที่ XNUMX (ฟิลด์ Phone ในกรณีนี้)
เพิ่มฟิลด์อื่นและตั้งค่าฟิลด์ type บนสเต็ป. ลากและวางเหนือฟิลด์ในขั้นตอนที่สาม (ฟิลด์งานอดิเรกในกรณีนี้)
ที่นี่. คุณสามารถดูตัวอย่างผลลัพธ์ก่อนที่คุณจะปรับแต่งแบบฟอร์ม โดยค่าเริ่มต้น ชนิดขั้นตอนจะถูกตั้งค่าเป็นตัวเลขและข้อความ
แก้ไขได้จากบล็อค พารามิเตอร์ขั้นตอน ใต้แท็บ เนื้อหา.
คุณสามารถเข้าถึงแท็บ สไตล์ เพื่อปรับแต่งแบบฟอร์มของคุณ มี 5 บล็อกการปรับที่คุณสามารถเปิดได้
- ฟอร์ม : คุณสามารถเปิดบล็อกนี้เพื่อกำหนดช่องว่างระหว่างคอลัมน์และบรรทัดของแบบฟอร์ม แบบอักษร (ตระกูลแบบอักษร ขนาดแบบอักษร ลักษณะแบบอักษร ฯลฯ) ของป้ายกำกับของแบบฟอร์มและสีของข้อความหลัง .
- สาขา : คุณสามารถเปิดบล็อกนี้เพื่อกำหนดรูปแบบตัวอักษรของฟิลด์ของฟอร์ม สีข้อความของฟิลด์ พื้นหลัง ความกว้างของเส้นขอบ สีเส้นขอบ และรัศมีของเส้นขอบ
- ปุ่ม: คุณสามารถเปิดบล็อกนี้เพื่อปรับแต่งปุ่มต่างๆ ได้ ไม่ว่าจะเป็นปุ่มส่ง ปุ่มก่อนหน้า หรือปุ่มถัดไป คุณสามารถกำหนดองค์ประกอบต่างๆ เช่น การพิมพ์ข้อความ สีข้อความ สีพื้นหลัง ฯลฯ
- ข้อความ: คุณสามารถเปิดบล็อกนี้เพื่อกำหนดรูปแบบตัวอักษรของข้อความและสีของข้อความได้
- ขั้นตอน: คุณสามารถเปิดบล็อกนี้เพื่อกำหนดรูปแบบตัวอักษรของขั้นตอน สี ความกว้างของตัวคั่น พื้นที่ของตัวคั่น ฯลฯ ...
เมื่อคุณแก้ไขเทมเพลตเสร็จแล้ว คุณสามารถเผยแพร่หรืออัปเดตได้
อ่าน: วิธีสร้างส่วนสมาชิกในทีมด้วย Elementor
หากคุณต้องการแทรกแบบฟอร์มที่คุณเพิ่งสร้างลงในเพจ Gutenberg (หรือบางทีคุณอาจต้องการแทรกลงในบล็อกโพสต์) คุณสามารถบันทึกวิดเจ็ต Form เป็นวิดเจ็ตส่วนกลางได้ จากนั้นคุณสามารถนำเข้าวิดเจ็ตโดยใช้ปลั๊กอิน Elementor Blocks สำหรับ Gutenberg.
รับ Elementor Pro ทันที!
สรุป
ที่นี่คือ ! เพียงเท่านี้ในบทความนี้ซึ่งจะแสดงวิธีสร้างแบบฟอร์มหลายขั้นตอนด้วย Elementor หากคุณมีข้อสงสัยในการเดินทาง f onแจ้งให้เราทราบใน ความเห็น.
อย่างไรก็ตามคุณสามารถปรึกษาได้ ทรัพยากรของเราหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress หรือที่อยู่บน Divi: ธีม WordPress ที่ดีที่สุดตลอดกาล.
แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.
...
