Multi-Step Forms
A multi-step form splits a long form into a sequence of short screens with a progress indicator. Instead of showing 15 fields at once, you show three or four at a time. The form looks easier to start, and each finished step makes the next one feel worth doing.
How it works
When people see a long form, they estimate the effort and often leave before starting. A multi-step form shows only the first small step. Once someone enters a name and email, they have made a small commitment and are more likely to continue. The progress bar shows how much is left.
How to do it
- Group the fields into topics. For example: contact details, qualifying details, specific needs, review and submit.
- Put the easiest fields first, usually name and email.
- Move sensitive fields, such as phone number or budget, to later steps.
- Show a progress bar or step count on every screen.
- Validate each step before moving on, not all at the end.
- Save partial answers at each step so you can follow up with people who stop.
- Build it in a form tool with step support (Typeform, HubSpot, Gravity Forms) or in custom code. Test it on a phone.
What to measure
- Step completion rate: Share of users who finish each step. A big drop shows which step needs work.
- Overall completion rate: Share of starters who submit the last step. Compare it to your old single-page form.
- Partial lead recovery: Share of people who stopped mid-form and later converted from follow-up.
Best practices
- Keep each step to three to five fields.
- Use conditional logic to skip steps that do not apply. A person who picks “Individual” should not see company questions.
- Keep a back button available but visually quieter than “Next.”
Common pitfalls
- Splitting a short form into one field per step. Multi-step forms help when the form is long, roughly eight fields or more.
- Not saving partial answers. A name and email from an unfinished form is still a lead.
- Putting the hardest questions first. Start easy and ask for more later.