Multi-step form builder
Break a long form into short steps with a progress bar and per-step validation. Drop a New step block (the yellow dashed card) wherever the topic changes. This registration form already has three.
Loading the builder…
When to split a form into steps
- More than about seven fields, or fields that fall into clear groups (you, your order, delivery).
- Mobile-heavy audiences, for whom a long page means endless scrolling.
- Later questions depend on earlier ones, and a pause lets people switch context.
Make each step pull its weight
- Start with the easiest step; save payment or personal details for later.
- Name each step (“Delivery”) so the progress text says what’s next.
- Validate on Next, not on every keystroke, and move focus to the first problem.
- Keep Back working without losing answers. FormCraft does both.
- Three to five steps is usually plenty.
Try it as a respondent
Loading demo…
Questions people ask
What is a multi-step form?
A form split across several screens, with Next and Back buttons and a progress indicator, instead of one long page. Each step validates before moving on.
Do multi-step forms convert better?
Often, for long forms: a short first step feels easy, and people who have started tend to finish. For forms of three or four fields, one page is faster. Test with your own audience.
How do I make a multi-step form in FormCraft?
Add a “New step” block wherever you want a page break. Its title becomes the step heading. The preview, share link and exported HTML all get a progress bar and Next/Back buttons.
Does the exported HTML keep the steps?
Yes. It includes a small vanilla-JavaScript script (under 1 KB) that shows one step at a time and validates each with the browser’s built-in checks. Without JavaScript, all steps show on one page, so the form still works.