Streaming live at 10am (PST)

Multi-page / multi-step signup form


#1

Hi all,

I'm struggling to put together a basic multipage signup form. I am certainly not the first to ask this but the other answers haven't quite included enough information to get me there. I listed some prior forum posts and examples below for reference.

I am basically aiming for this: http://sandbox-903b9c.webflow.io/two-form-test/form-1. A two-page form that takes the data from page 1 and passes it to page 2 with a final submission button. I'm comfortable grabbing and passing URLs via javascript. Some specifics that would be nice to have:
- A custom waiting text on the 'next page' button
- A pause/wait on the first 'next page' button to make sure users read the waiting text
- Basic validation on both pages (email, phone number)
- Using the form success message setting as usual

Is anyone willing to write up a brief tutorial that offers a bit more detail than the description on https://forum.webflow.com/t/signup-forms-across-multiple-pages/34843/2?

Thank you so much in advance!

====================

Past forum posts:
- https://forum.webflow.com/t/multi-page-form/27819
- https://forum.webflow.com/t/multi-step-form-qs/13577
- https://forum.webflow.com/t/multi-step-form-modal/29405
- https://forum.webflow.com/t/multi-step-form-support/11846
- https://forum.webflow.com/t/signup-forms-across-multiple-pages/34843/2

Some great examples:
- http://multipage-form-example.webflow.io/
- http://sandbox-903b9c.webflow.io/two-form-test/form-1


Save email from homepage input, and prepopulate on a form on another page
#2

@challenv

I would clone this site that @SidneyOttelohe created and take a look at it from the inside out :slight_smile:
Do this while walking through the information here:

Works great and it's beautiful.


#3

Also take a look at this for the second page (if you set first page's form to submit to second page):


#4

Is there a way to do that multi step form with required fields? I can blow through the “Experimental multi-step” .


#5

I actually used this multi-step-form but the crucial part of the multi-step form is validating the input fields. I can see this working via having signup forms across multiple pages because it’s using forms in each page but is there a way to do this via the slider version?


#6

With custom code, yes there is a way :slight_smile:


#7

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.