Crumpled Fabric

0

Editor X Multi-step Form

Click URL to copy

Feb 27, 2022

1 min read

WIX Ideas Team

Tags: Editor X User Interaction Fieldkey Multi-stage Form Advance Form

Hi there, in this video I will show you how to add a multi-step form into your Editor X website.


Elements Used


What we built

This form is a multi-step interactive job application form


How it was made

Editor X is a single-page application that allows you to drag and drop elements unto your website. As easy as that sounds, it is quite possible to craft basically any kind of design or tool for your website. In making the multi-step element, we used Editor X boxes in place of the multi-state element (Which is presently not available in Editor X, but is on WIX).


By using multiple box elements, we hid the subsequent boxes and only showed them when it is ideally their time to be shown.



Box elements overlaying each other, but not attached to each other
Box elements overlaying each other, but not attached to each other

The boxes above are separate boxes that are overlaying each other but not attached to each other.


The reason is so that the elements can work independently as we switch on and off the boxes.


📺 WATCH THE VIDEO

COPY CODE BELOW 👇🏽


Code



LEAVE A COMMENT

WRITE A COMMENT

Thanks for leaving a comment🎉

Walter

Walter

8/8/22

More Details? Watch video

Hi, you can click here to watch the video https://www.youtube.com/watch?v=9bx7-nBeZ5c

Walter

Walter

7/11/22

For you

Walter Odibi

Walter Odibi

4/18/22

Awesome Feature

This tutorial shows you how to display views on your Wix repeater.

📺WATCH VIDEO HERE https://www.youtube.com/watch?v=Iz7SdaCSdXg

Walter Odibi

Walter Odibi

4/18/22

Amazing tutorial

This amazing tutorial will show you how to a comment section to your WIX dynamic page.

📺WATCH VIDEO HERE https://www.youtube.com/watch?v=f8-vJQFNZ_c

Walter Odibi

Walter Odibi

4/10/22

Great Feature🎉

This amazing tutorial will show you how to add a visitor view counter to your WIX dynamic page.

🚩MORE TUTORIALS https://www.wixgenius.com/wix-tutorials

LOAD MORE 🎉

RELATED TUTORIALS 🚀

Load More Pagination Interaction

Load More Pagination Interaction

Adding a Custom Contact Form in WIX + Email Notification

Adding a Custom Contact Form in WIX + Email Notification

Add your custom contact form to your website with email automation.

Sort by Most Popular

Sort by Most Popular

Sort your repeater by the highest number of people who viewed your dynamic item.