Help center

Help center

Powered by
All collectionsForm BuilderMulti-step forms and the step loader

Multi-step forms and the step loader

Breaking a form into multiple steps improves completion rates — shorter, focused steps feel easier than one long page. The builder has no limit on step count, and you can add a step loader between any two steps to create a pause that builds anticipation.

Adding and ordering steps

  1. Open the Build tab in the left panel.

  2. Click Add Step at the bottom of the step list. A new Text step is created.

  3. Select the step and use the Type tab to change it to the right type.

  4. Drag steps up and down by their grip handle to set the order visitors will see.

The step loader

The step loader is a brief fullscreen interstitial that plays between one step and the next. It gives the impression that something is being analysed or processed, which builds trust and reduces drop-off on the step that follows.

  1. Select the step after which you want the loader to appear.

  2. In the right panel, go to the Content tab and scroll to the Step Loader section.

  3. Toggle Enable step loader on.

  4. Set the loader message (e.g. 'Checking your details...'), duration (1–10 seconds), and animation style (Spinner, Circle, or Dots).

Button labels and progress bar

The default button labels (Continue, Get Results, Submit) and progress bar settings are configured from the Build tab. Scroll to the bottom of the step list and click the Form Settings card. In the General tab you can set: the progress bar title, the initial progress percentage (so the bar does not start at zero), and custom text for every button in the flow — first step button, continue button, get results button, and final submit button.

Did this answer your question?
😞
😐
😁