Skip to content

Multi-Step Forms

Create wizard-style forms with multiple steps to improve user experience for longer forms.

Creating a Wizard Form

  1. In the form builder, click Add Step button
  2. Each step appears as a separate tab
  3. Drag fields into the appropriate step
  4. Configure step titles and descriptions

Wizard Settings

  • Wizard Layout:
    • Horizontal: Steps displayed at the top
    • Vertical: Steps displayed on the left side
  • Step Titles: Name each step clearly
  • Step Validation: Each step validates before proceeding

Users can navigate using:

  • Next/Previous buttons
  • Step indicators (if enabled)
  • Progress bar showing completion

Best Practices for Multi-Step Forms

  1. Group related fields together - Keep logical groupings in the same step
  2. Keep each step focused and short - Avoid overwhelming users with too many fields
  3. Use clear step titles - Help users understand what each step is about
  4. Show progress indicators - Let users know how far they've progressed
  5. Allow backward navigation - Users should be able to go back and edit previous steps