!

Multi step form with custom UI elements

The easiest way to create a multi-step form is to use a slider with arrows converted to Next and Back buttons. Look in the page settings > Custom code, there are several lines of code needed for styling text fields, labels and areas.

Clone
Multistep form
Step 1/3

Text fields

Date of birth
Step 2/3

Text area + simple radio button

Step 3/3

Custom radio buttons & checkboxes

Back
Next step

Done!

Now you can clone this project and reuse the form.
Clone
Oops! Something went wrong while submitting the form.

Note

All steps, except the last one, must not contain required fields!
Otherwise, the form will not be sent.

Backgroung imageBackground image
Created by Wrapp