Multi-page forms

Multi-page forms break a long form into digestible steps shown one at a time. Research consistently shows that showing one page at a time reduces abandonment on forms with more than five fields.

Creating a multi-page form

Via the AI builder

Include phrasing like:

“split into steps”
“make it a wizard”
“break it into three pages”

in your form description. The AI will insert page breaks in logical places and add a progress indicator.

Via the visual editor

Open the form editor
From the Add field panel, drag a Page Break field onto the canvas between the fields where you want a new page to start
Each Page Break creates a new step — everything above it is page 1, everything between the first and second break is page 2, and so on
Set a Step label on each Page Break (e.g. “Your details”, “Project info”, “Review & submit”) — this appears in the progress indicator

Progress indicator

A step progress bar is shown at the top of the form by default. It displays:

Current step number and total step count (e.g. “Step 2 of 4”)
Step labels (if set on each Page Break)
Visual progress fill

To customise the indicator:

Form Settings → Multi-page → Progress indicator style: Bar (default) / Dots / Steps / None
Show step labels: on/off
Position: Top / Bottom of form

Each page automatically gets Back and Next buttons (the final page gets a Submit button instead of Next).

To customise:

Label: change “Next” to “Continue →”, “Next step”, etc.
Position: Left / Right / Full width
Back button: shown by default on page 2+; can be hidden per page

Go to Form Settings → Multi-page → Button labels to set global defaults, or edit individual Page Break fields to override per page.

Validation on Next

By default, AmazingForms validates all fields on the current page before allowing the user to proceed to the next. If any field is invalid or required and empty, the user sees inline error messages and cannot advance.

To disable per-page validation (not recommended):

Click the Page Break field → Advanced tab → uncheck Validate this page before advancing

Conditional page skipping

Use conditional logic on Page Break fields to skip pages based on earlier answers.

Example: skip a “Payment details” page for users who choose “Invoice me later”:

Add a Radio field (payment_preference) on an earlier page: “Pay now by card” / “Invoice me later”
Click the Page Break before the payment page
Open the Logic tab → Add condition:
- Source: payment_preference
- Operator: is
- Value: Invoice me later
- Action: Skip this page

The user jumps directly from the current page to the page after the payment page.

Save and continue later

When enabled, a “Save and continue later” link appears on multi-page forms. When clicked:

The current progress is saved to the database
A magic link is emailed to the address already entered (email field must be on page 1 or already filled)
The user can return any time and resume from where they left off — the link is valid for 30 days by default

To enable: Form Settings → Multi-page → Save & continue later → Enable.

Multi-page and payments

If your form includes a Payment field, it must be placed on the last page of the form. This is enforced by the editor — the Payment field cannot be dragged past the final Page Break.

This ensures:

The user has reviewed all their entries before paying
Payment is only triggered on final submit (not mid-form)

Best practices

Recommendation	Why
Put name + email on page 1	Captures the lead even if the user abandons on a later page
3–5 fields per page maximum	Reduces cognitive load; completion rates drop after 5 fields per screen
Use descriptive step labels	Helps users understand where they are and how much is left
Keep the payment page last	Required by AmazingForms; also best UX
Test on mobile	Progress bars and Back buttons need extra testing on small screens — use the mobile preview in the editor