[How To] Add A Multi-Step Form 2.0

This scripted worked great…thank you! Is there a way to also conditionally display form fields based upon the users selections?

1 Like

This script is amazing…thank you! I am having an issue, however. In the final step of my form the fields are being displayed horizontally vs. vertically. Columns are set to 1. Any thoughts on what could be causing this?

hey, could you help me? I want to create a form like this
https://www.webistry.com/#step-1
How do I make visible 2-3-4 items in each steps in this code?
thanks!

hey!
do you know how can I make a form link this?
https://www.webistry.com/#step-1
I mean to apear 2-3-4 items by step
thanks!

hey!
can you help me? I want to maje a form like this
https://www.webistry.com/#step-1
a 2-3-4 item form.
thanks!

Hi there! We can help, we built it :grinning:

There are two aspects that I would like to edit but can’t seem to figure out.

  1. How can I increase the space between the bottom of the form question to the top of the back/submit buttons?

  2. How can I center the text “Book a FREE Consultation” within the button?

button%20challenges

I am hoping someone can point me in the right direction. Thank you!

Rookie query - I can’t get the submit button to display at the end. What am I missing?

I tried the steps above with the latest codes from https://gist.github.com/noahub/b8c6d63abb50048d42ee721c900450df but somehow it doesn’t work for me. It wouldn’t allow me to click the “next button” in the first step. Would anyone know how to solve this, please? Thanks!

Great work! Is there any way to show more then one field at a time?

Yes you can by using a different script (multistep form 3.0):

Multi-Field, Multi-Step Form 🔥

1 Like

Progress Bar

Fantastic script.
It’s possible to have an “autoclick” function?

For example:
In question 1 we ask abou age groups.
if person select 30 to 40 it would go automatically to question 2 without clicking the next button.

Any way to do this?

Thank you

Thank you so much for this!! As a new User to Unbounce and to Coding in general, this was not only easy and concise to follow, but i felt accomplished when it worked. This will increase our conversions 10 fold.

Hi @Noah, this works perfectly for me, however is it possible to make the steps show more than 1 field? how do we edit the code to show the number of fields we want? Like instead of just 1 field, we can decide if its going to be 2,3 or more fields? Appreciate all the help! thanks!

Hello @remo,

There is another Multi-step script where you can chose the number of fields your want per steps:

1 Like

Hey would you be free to help me?

Hey @ygivechi,

Yes, I can land you hand.

Please feel free to DM me or fill out the contact form at the bottom of my Unbounce Services page with a bit more details on the problem you are trying to solve.

Best,
Hristian

1 Like

Would the latest script sumbit the info after each of the steps?

For example: In the first step I will be asking for Name, Email, Phone Number, and then in the next steps I will be asking for more pre-qualifying questions.

The idea is to get name, email and phone number regardless of if the answered questions that come after step 1.

Hi @vastashevskii,

No, the information is submitted only after all the steps are completed.

Everything else is just hiding/showing fields based on the step you are on.

If you need to submit the information from each step separately, you’ll have to write a custom submit function or split up the form through multiple pages.

Best,
Hristian