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.

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

Next step


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


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

Backgroung imageBackground image
Created by Wrapp