This is a multi step form made in Webflow.

This version sends you 2 form submissions:

When the user completes the first step, so you can collect their data even if they don't finish the entire process.
When the user finishes all the steps.

You can play with it, clone the project or check the documentation to learn how to use it.

Name*

Email*

This is a required checkbox.

It checks if all the required inputs are filled in order to jump to the next step.
It even checks if the email is valid!
Once you click "Next", a hidden form will be submited with this initial inputs.

It validates all kind of inputs

That's right, you can insert required fields, checkboxes, select dropdowns and radio choices. If an input is not correct, the script will add a warning class to it.

Service*

Amount*

Variant*

Option 1

Option 2

Option 3

Option 4

This input is not required

The height of the slider mask is dynamically set to always fit the content height in any device.

And it even displays the input values

The form automatically populates the following list with the inputs of your choice.
Here you can see all the info you provided:

First name:
Value
Email:
Value
Checkbox:
Value
Service:
Value
Amount:
Value
Variant:
Value
Notes:
Value

Also, the Next button switches to Submit when displaying the last step.

Your submission has been received! And I will delete it, don't worry about spam.

You can clone the project or check the documentation to learn how to use it.

This error is showing because you guys consumed my entire monthly free submissions.