Build a Multi-step Form
Multi-step forms break a long form into labelled pages with a progress bar. They dramatically improve completion rates for complex forms — job applications, onboarding surveys, and checkout flows. In this tutorial you'll build a 3-step quote request form.
Open a form in the builder. Go to Settings → General. Toggle Multi-step form on. A Steps panel appears in the builder sidebar showing Step 1.
Click Add Step twice to create three steps. Click each step's label to rename them:
- Step 1: Your Details
- Step 2: Project Info
- Step 3: Budget & Timeline
Drag fields from the palette and drop them into the active step's canvas area. Alternatively, select a field and use the Move to Step button in the right panel. For this example:
- Step 1: Full Name, Email, Phone
- Step 2: Project Type (select), Project Description (textarea), Attachments (file)
- Step 3: Budget Range (select), Start Date (date), How did you find us (radio)
In Settings → General → Progress, choose your progress bar style: Bar, Steps (numbered circles), or None. The preview at the top of the canvas updates live.
Click Preview. Navigate through the steps using the Next/Back buttons. Each step validates its fields before advancing — you can't proceed with a required field empty.
Multi-step forms submit all data together when the final step is completed — there's no partial submission. For long forms, consider using the formcierge_save_draft feature to let users resume later.