Multi-Step Forms (PRO)

When your form has many fields, showing them all at once can feel overwhelming to visitors. Multi-step forms break a long form into shorter, manageable pages — like a wizard or a checkout flow. Visitors see only a few fields at a time, which makes the form feel easier and significantly increases completion rates. Studies consistently show that multi-step forms convert better than single-page forms of the same length, because the psychological barrier of seeing twenty fields at once is eliminated.

Multi-step forms work best when your fields naturally group into categories. Think of it like chapters in a book — each page of the form covers one topic before moving to the next.

When to Use Multi-Step Forms

Building a Complete 4-Step Registration Form

Here is a step-by-step walk-through for building a conference registration form with four steps.

1. Open a new form and title it “2026 Annual Conference Registration.”
2. Add a Name field (required).
3. Add an Email field (required).
4. Add a Phone field (optional).
5. Add a Select field labeled “Job Title” with options like “Developer,” “Designer,” “Manager,” “Executive,” “Other.”
6. Now add a Page Break field. This starts the next step.

1. Add a Checkbox field labeled “Which sessions will you attend?” with options for each session.
2. Add a Radio field labeled “T-Shirt Size” with options XS through XXL.
3. Add a Select field labeled “Dietary Requirements” with options “None,” “Vegetarian,” “Vegan,” “Gluten-Free,” “Other.”
4. Add another Page Break field to start the accommodation step.

1. Add a Radio field labeled “Do you need hotel accommodation?” with options “Yes” and “No.”
2. Add a Date field labeled “Check-in Date.”
3. Add a Date field labeled “Check-out Date.”
4. Add another Page Break field to start the confirmation step.

1. Add an HTML Block with a summary message like “Please review your selections and click Register below.”
2. Add a Checkbox field labeled “I agree to the conference terms and conditions” (required).

1. Click Save Form. Multi-step is activated automatically as soon as the form contains at least one Page Break field — there is no separate “Multi-Step Mode” toggle to turn on.
2. Reload the page where the form is embedded and confirm the progress bar appears at the top with the step labels you set.

What Visitors See

When a visitor opens your multi-step form, they see:

• A progress bar at the top showing the current numeric step (for example, “2 / 4”)
• Only the fields for the current step
• A Next button to advance and a Back button on steps two and beyond
• Per-step validation — if a required field on the current step is empty, they cannot advance

> Tip: Keep each step to 3-5 fields. If a step has too many fields, it defeats the purpose of splitting the form. Aim for a consistent length across steps so visitors know what to expect.

> Good to know: Without PRO, Page Break fields are ignored and all fields display on a single page. Upgrading to PRO automatically activates any Page Breaks you have placed. If you downgrade later, the form simply shows all fields on one page again — no data is lost.

Common Mistakes to Avoid

• Putting too many fields on one step. If Step 2 has twelve fields while the other steps have three, visitors feel tricked.
• Treating Page Break as a visible field. It is a separator used by the renderer; it does not collect a value and does not show Placeholder or Required settings.
• Placing the payment field on any step other than the last. Visitors expect to pay at the very end, after reviewing everything.

[Screenshot: A multi-step form showing the progress bar at the top with four labeled steps, the current step’s fields in the center, and Next/Back buttons at the bottom]

—