Features
Multi-Step Forms
Split a long form into multiple pages with Next/Previous navigation and a progress bar. Available on Basic and higher plans.
Last updated June 15, 2026
Multi-step forms break a long form into separate pages, reducing visual overwhelm and improving completion rates. Navigation buttons (Next and Previous) are added automatically.
Available on Basic and higher plans.
How to create a multi-step form
Open the form builder
Open any form in the form builder.
Add a Page Break
In the Fields panel, find Page Break under Layout Elements. Drag it to the point on the canvas where you want the form to split.
Build each step
Add fields above the Page Break for Step 1, and below it for Step 2. Drag in additional Page Break elements to add more steps.
Save
Click Save. The form now shows one step at a time, with Next and Previous buttons.
Use a Heading layout element at the top of each step to give it a descriptive title. This helps customers understand what the step is about.
Settings
| Setting | Description |
|---|---|
| Progress Bar | Shows the customer which step they're on (e.g. "Step 2 of 4") |
| Per-page validation | Fields on the current step are validated before the customer can advance. Required fields must be filled in before the Next button works. |
Find these settings in Form Settings → Multi-Step.
How validation works
Validation runs per-step, not on the whole form at once. When a customer clicks Next:
- All required fields on the current step are checked.
- If any required field is empty or invalid, an error is shown and the customer cannot advance.
- Once all fields on the current step pass validation, the next step is shown.
This means customers never see a wall of errors across the entire form only errors on the current step.
Tips
- Keep each step focused on one topic (e.g. Step 1: Contact Info, Step 2: Preferences, Step 3: Review).
- Use Conditional Logic (Pro+) to skip entire steps based on earlier answers.
- The Page Break element has no visible UI on the published form it only separates steps in the builder.
- You can reorder steps by dragging the Page Break element to a different position on the canvas.
Was this page helpful?