Multi-Step Forms with Progress Bar
A long form on a single page can feel overwhelming. Breaking the same form into three or four logical steps — each with a handful of fields and a progress bar — can help more people finish the form.
Fillin Forge supports multi-step forms natively. Drop a Page Break field into your form at any point and the builder treats everything before and after as separate steps, complete with progress bar and back/next navigation.
How multi-step forms work in Fillin Forge
Adding a page break
In the drag-and-drop builder, the Page Break field is available in the Layout category. Drag it into the form at the point where you want a new step to begin. Repeat for additional steps.
Fillin Forge automatically:
- Splits the form into pages based on page break positions
- Generates a progress bar showing the current step
- Adds Back and Next buttons between steps
- Shows a Submit button on the last step
- Validates each step before advancing to the next (so users can’t skip a required field by clicking Next)
Progress bar
A progress bar fills as the user moves through the steps, with the step count next to it, for example “2 / 5”.
Why use multi-step forms
Perceived length
A 20-field form feels like work. Five steps of four fields each feels like progress. Same data, very different psychology.
Reduced cognitive load
When users see every field at once, they have to decide which one to start with, which order to fill them in, and whether they’ll have time to finish. One step at a time removes all that decision-making overhead.
Progress as a commitment
By the time a user reaches step 3 of 5, they’ve invested effort. Abandoning the form means wasting that effort. Users are more likely to push through.
Mobile-friendly
Long forms on mobile take a lot of scrolling. Multi-step forms fit naturally on mobile screens.
Better error recovery
If validation fails, users see the error only for the current step, not buried in a 20-field form where they have to hunt for it.
Conditional logic across steps
Multi-step forms in Fillin Forge work perfectly with conditional logic. A field on step 4 can be conditionally shown based on an answer from step 1.
Full conditional logic feature →
When to use multi-step
Good candidates for multi-step:
- Forms with more than 8–10 fields
- Forms with clearly grouped sections (Personal → Payment → Confirmation)
- Forms that need contextual headers or explanations between groups
- Forms where user drop-off is a problem
- Forms on mobile-heavy sites
Not a great fit:
- Simple contact forms (3–5 fields) — multi-step adds friction
- Forms where users need to see everything to compare (e.g., a configurator)
- Forms where the fields are already short and obvious
vs conversational mode
Multi-step is a middle ground between a traditional single-page form and the conversational mode (one question per screen). Multi-step shows a group of fields per step; conversational shows one question at a time.
- Traditional: all fields on one page
- Multi-step: grouped fields on 2–5 pages with progress
- Conversational: one question per screen, Typeform-style
Pick multi-step when you want grouped sections. Pick conversational when you want one question at a time.
Setting up a multi-step form
- Open the drag-and-drop builder
- Add your fields in logical order
- Drag a Page Break field where you want a new step to begin
- Preview the form — the progress bar and navigation appear automatically
- Publish
Ready to build a multi-step form?
Multi-step forms are included in every paid plan.