ในบทความนี้ เราจะแสดงวิธีการสร้าง ฟอร์ม หลายขั้นตอนพร้อมแอนิเมชั่นล็อตตี้ Elementor.
ฟังก์ชันการทำงาน ฟอร์ม ตัวสร้างแบบหลายขั้นตอนเพิ่งถูกเพิ่มเข้าไปในตัวสร้างที่มองเห็นได้และแข็งแกร่งของElementor. ตอนนี้คุณมีตัวสร้าง รูปแบบ ที่ครอบคลุมทุกฐาน!
แม้ว่าจะดูไม่อยู่ด้านบนสุด แต่คุณควรรู้ว่านี่เป็นเวอร์ชันแรก และการอัปเดตใหม่ๆ ที่หลีกเลี่ยงไม่ได้จะเข้ามาขยายฟังก์ชันการทำงานนี้
ด้วย รูปแบบ ของคุณในหลายขั้นตอน รูปแบบ ไม่เพียงแต่จะดูดีขึ้นเท่านั้น แต่ยังเสนออัตราการแปลงที่สูงขึ้นเมื่อคุณพยายามรวบรวมข้อมูลจากผู้เยี่ยมชมเว็บไซต์ของคุณ
ตอนนี้ช่วยให้ผู้เยี่ยมชมของคุณลงทะเบียนและปรับปรุงการแปลงของคุณด้วย ฟอร์ม à plusieurs étapes
ประสบการณ์ผู้ใช้ที่ดีขึ้น
การโน้มน้าวให้ผู้ใช้กรอกแบบฟอร์มของคุณไม่ใช่เรื่องง่าย เมื่อคุณสนับสนุนให้พวกเขาอ่านแบบฟอร์มของคุณและพิจารณากรอกข้อมูลลงไปแล้วคุณต้องแน่ใจว่าคุณมีส่วนร่วมอย่างต่อเนื่องโดยเฉพาะอย่างยิ่งแบบฟอร์มบางอย่างอาจเป็นการข่มขู่
ค้นพบยังของเรา ปลั๊กอิน WordPress 10 เพื่อสร้างแบบฟอร์มการติดต่อ
วิดเจ็ตแบบฟอร์มหลายขั้นตอนใหม่ตอบคำถามที่แน่นอนนี้: การทำให้รูปแบบที่ซับซ้อนเป็นองค์ประกอบการออกแบบที่เรียบง่ายและสวยงาม
เพิ่ม Conversion และโอกาสในการขาย
ไม่ต้องสงสัยเลยว่ารูปแบบที่ถูกใจและดูง่ายจะเอื้อต่อการเปลี่ยนใจเลื่อมใสมากกว่า นี่คือเป้าหมายของคุณในฐานะผู้สร้างเว็บไซต์และยังเป็นเป้าหมายของวิดเจ็ตฟอร์มหลายขั้นตอน
อ่านบทความของเราเกี่ยวกับ วิธีเพิ่ม Conversion: เพิ่มข้อเสนอที่ จำกัด
แบบฟอร์มนี้จะช่วยให้คุณสามารถปรับปรุงอัตรา Conversion ในทุกพื้นที่ โดยเฉพาะอย่างยิ่งในสาขาต่างๆเช่นประกันภัยมหาวิทยาลัยอสังหาริมทรัพย์การท่องเที่ยวและอื่น ๆ อีกมากมายและฉันมั่นใจว่าพวกเขาจะช่วยให้คุณสร้างรูปแบบ Conversion ที่สูงได้อย่างยืดหยุ่น
มันทำงานยังไง
หลังจากวางแบบฟอร์มบนหน้าแล้ว ให้เพิ่มฟิลด์ "ขั้นตอน" คุณจะเห็นว่าฟิลด์ใหม่ได้รับการเพิ่มโดยอัตโนมัติและมองเห็นได้ชัดเจน ย้ายองค์ประกอบขั้นตอนไปยังตำแหน่งที่คุณต้องการแบ่งออกเป็นขั้นตอนและ voila! คุณเพิ่งสร้างแบบฟอร์มหลายขั้นตอน
ค้นพบยัง วิธีสร้างเว็บไซต์ที่สมบูรณ์ด้วย Elementor
ช่องขั้นตอนจะทำหน้าที่เป็นตัวคั่นและอนุญาตให้ผู้ใช้:
- เลือกการแสดงขั้นตอน: ไอคอนข้อความไอคอนและข้อความตัวเลขตัวเลขและข้อความแถบความคืบหน้าหรือไม่มี
- เพิ่มไอคอนเป็นตัวบ่งชี้เหตุการณ์สำคัญ
- ปรับแต่งลักษณะของขั้นตอน
- ปรับแต่งรายการต่อไปนี้และก่อนหน้านี้
- และตรวจสอบความถูกต้องของแต่ละฟิลด์ขั้นตอน
ยกระดับเว็บไซต์ของคุณไปสู่ระดับการโต้ตอบใหม่ทั้งหมด
คุณเคยต้องการให้เว็บไซต์ของคุณสามารถโต้ตอบและมีส่วนร่วมได้มากกว่าที่เป็นอยู่หรือไม่?
คุณอาจล้มเลิกความคิดนี้ในอดีตด้วยเหตุผลหลายประการ แต่ทั้งหมดนี้กำลังจะเปลี่ยนไปด้วยการเปิดตัว Lottie Animations นี่เป็นโอกาสของคุณที่จะยกระดับเกมนักออกแบบเว็บไซต์ของคุณไปอีกขั้นโดยเลือกจากแอนิเมชั่น Lottie นับพันเพื่อเพิ่มลงในเว็บไซต์ของคุณ
Le วิดเจ็ต Lottie สามารถยอมรับแอนิเมชั่น Lottie จากแหล่งต่างๆเช่น LottieFiles.com. คุณยังสามารถเพิ่มภาพเคลื่อนไหวของคุณเองโดยใช้ไฟล์ ปลั๊กอิน Lottiefiles หรือปลั๊กอิน Bodymovin สำหรับ Adobe After Effects
ทำให้ลูกค้าของคุณประหลาดใจ
เมื่อคุณโหลดการออกแบบและภาพแบบคงที่ของคุณและทำให้พวกมันกระปรี้กระเปร่าด้วยการเคลื่อนไหวสีและเอฟเฟกต์แอนิเมชันประเภทอื่น ๆ ทั้งหมดคุณจะเปลี่ยนเกม
ทันใดนั้น การออกแบบเว็บไซต์ของคุณก็มีชีวิตขึ้นมา มีการเคลื่อนไหวและโต้ตอบกับผู้เยี่ยมชมเว็บไซต์ของคุณ แอนิเมชั่น Lottie เป็น SVG ตอบสนองได้ 100% และมีน้ำหนักเบามาก
เพิ่มการมีส่วนร่วมของผู้ใช้
การเพิ่มภาพเคลื่อนไหว Lottie ใช้เวลาไม่กี่วินาทีและสามารถใช้เพื่อปรับปรุงการมีส่วนร่วมกับทุกส่วนของเว็บไซต์ของคุณ
ยกตัวอย่างเช่นปุ่มต่างๆ
เราทุกคนทราบดีว่าปุ่มคำกระตุ้นการตัดสินใจมีความสำคัญเพียงใด ด้วย Lottie คุณสามารถปรับปรุงวิธีที่ผู้เยี่ยมชมโต้ตอบกับปุ่มต่างๆได้โดยไม่ต้องเสียเวลาในการเขียนโค้ดและปรับแต่งรายละเอียดการออกแบบให้สมบูรณ์แบบ
อ่าน: วิธีการปรับปรุงการมีส่วนร่วมของผู้ใช้บน WordPress
ลองนึกถึงปุ่มปกติเทียบกับปุ่มที่มีลูกศรเคลื่อนไหว คุณจะให้ความสำคัญกับเรื่องไหนมากกว่ากัน? สิ่งเล็ก ๆ น้อย ๆ เหล่านี้จะสร้างความแตกต่างและลูกค้าของคุณก็จะประทับใจกับงานนี้อย่างแน่นอน
ด้วยวิดเจ็ต Lottie คุณสามารถเล่นกับการตั้งค่ามากมาย เช่น ทริกเกอร์ วนซ้ำ โฮเวอร์ แอนิเมชั่นย้อนกลับ และตัวเลือกการเรนเดอร์ ไม่มีการจำกัดวิธีการทำให้เว็บไซต์ของคุณมีชีวิตชีวาขึ้น
มันทำงานยังไง
- การเข้าถึง lottiefiles.com และเลือกภาพเคลื่อนไหว
- ดาวน์โหลดไฟล์ Lottie JSON
- ย้อนกลับไปในบรรณาธิการ Elementorให้ลากเข้าไปในวิดเจ็ต Lottie
- คลิกที่ไอคอนไลบรารีสื่อและดาวน์โหลดไฟล์ Lottie JSON
- ที่นี่! คุณควรเริ่มดูภาพเคลื่อนไหว
หากคุณได้สร้างแอนิเมชั่นดีๆโปรดส่งลิงค์มาให้เราในส่วนความคิดเห็นด้านล่าง
รับ Elementor Pro ทันที!
สรุป
การเพิ่มแอนิเมชั่น Lottie และรูปแบบหลายขั้นตอนนำเสนอสองวิธีที่ยอดเยี่ยมในการปรับปรุงไม่เพียง แต่ประสบการณ์การใช้งานของคุณเท่านั้น แต่ยังรวมถึงส่วนต่อประสานผู้ใช้
เนื่องจากแนวโน้มของเว็บมีการเปลี่ยนแปลงอยู่ตลอดเวลาจึงเป็นเรื่องน่าตื่นเต้นที่จะต้องปรับปรุงฟังก์ชันการทำงานของเว็บไซต์ของคุณและวางตำแหน่งตัวเองให้เป็นผู้เชี่ยวชาญอย่างแท้จริง หากคุณมี แสดงความคิดเห็น หรือข้อเสนอแนะอย่าลังเลที่จะแจ้งให้เราทราบในส่วนที่สงวนไว้
อย่างไรก็ตามคุณสามารถปรึกษาได้ ทรัพยากรของเราหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress หรือที่อยู่บน Divi: ธีม WordPress ที่ดีที่สุดตลอดกาล.
แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.
...