Multistep Forms

Multistep forms divide fields into screens. Next validates the current screen; actions run only on final submission.

Add Steps

From the Content tab, open Form > Fields, then add a Step before the first input and before each later group. Every input belongs to the preceding Step until the next marker; inputs above the first marker remain outside the steps.

Step Controls

• Type — Step.
• Label — Progress-indicator name.
• Previous Button Text, Next Button Text — Navigation labels.
• Icon — Replaces the step number.

The final button uses Form > Submit Text in the Content tab. If Next fails, check required/typed field validation on the front end; builder navigation does not enforce normal visitor validation.

Stepper Design

From the Design tab, open Form > Other > Stepper:

• Disable — Hide the indicator, retaining steps.
• Width, Alignment — Indicator width and left/center/right placement.
• Step > Label — Label typography.
• Step > Bullet — Disable, Size, Radius, Background, Number typography, Icon color/size, Space After.
• Step > Active — Bullet Background, Text Color, Icon Color.
• Divider — Color, Space Between, Width, Style: Solid, Dashed, Dotted.
• Previous Button, Next Button — Button styles.
• Stack Vertically At, Disable At — Stack or hide at the selected breakpoint and below.