Multi step form examples are usually shown as pretty progress bars, and the bar is the least important part. What matters is where the form breaks: which fields go on which step, how many a step carries, and what the visitor is told about how far there is to go. This page gives three multi step form examples for a small business site, a form wizard for a quote, an intake form in three parts and a slider form for a single choice, and works the fields per step on the free request a quote form sheet, which prints the fields a visitor sees and how many sit on each of three steps.
The form wizard: a quote in three steps
A form wizard is a multi-step form that asks one thing per step and shows a progress bar. For a quote the steps are who, what and where: the contact details, then the service and its questions, then the address, the dates and the notes. On the request a quote form sheet a four-service form built with 17 fields shows 8 to a visitor, about 3 a step, 72 seconds in all. The back button works on every step, the answers are kept when the visitor goes back, and the last step shows what was entered before send.
The intake form: the same three steps, with uploads last
An intake form takes a new client and needs steps for the same reason: the contact details, then the matter and its questions, then the documents. Uploads go last because a visitor who has answered ten questions will find the file; one who is asked for it first will not. The multi-page guidance linked below is the reference for what each step must tell the visitor: where they are, what is left, and that nothing they typed has been lost.
The slider form: one question, one control
A slider form asks a single question with a range control: a budget between two figures, a size, a number of guests. It is a multi-step form of one step, and it works when the range is real and the value is shown beside the control as it moves. A slider without the value printed is a guess. In Shortcodo Pro each entry from any of the three examples is kept with the step reached, so the step where visitors stop is a count on the list and the next change to the form is aimed at it.
Questions people ask about multi step form examples
How many fields should a step carry?
What fits one phone screen without scrolling, which is about three to five. The sheet prints the fields per step across three steps.
Should a form wizard show a progress bar?
Yes, with the step names, not only a percentage. Knowing that the next step is the address is what keeps a visitor going.
Is a slider form accessible?
When the value is printed beside it and the control can be moved from the keyboard. The range input linked from the interactive forms page does both when it is used as built.