Multi-Page Forms & Progress Bar | Uplup Form Builder
Break long forms into manageable sections with multi-page layouts. Pick a layout at creation time, add new pages from the builder, and let users navigate with Back and Next buttons.
Table of Contents
Picking a Layout
When you create a new form, the “Pick a layout” modal asks how your fields should be displayed.
| Layout | Description | Best For |
|---|---|---|
| One at a time (Conversational) | One field per screen, like a chat. Smooth transitions between fields. | Surveys, lead capture, engaging forms |
| Classic | Multiple fields grouped on each page with traditional navigation. | Applications, long forms, registration |
Choosing Your Layout
- From the dashboard, click Create → Form.
- Choose your starting point (Blank, Template, or AI).
- The “Pick a layout” modal appears.
- Select One at a time or Classic.
Creating Multiple Pages
In Classic mode, organize your form into multiple pages with logical sections.
Navigating Between Pages
Use the page selector in the top navigation bar:
- The selector shows “Page X / Y” with your current position.
- Use the left and right arrows to move between pages.
- Click the page selector to open the dropdown and jump to any page directly.
Adding a New Page
The Add Page control sits in the left sidebar on wide screens (and in the top navigation on smaller screens). It is a split button: clicking the main side adds a new Form Page; clicking the chevron opens a dropdown with all available page types.
- Click Add Page in the left sidebar.
- Pick a page type from the dropdown (Form Page, Cover Page, Finish Page, or Payment Page).
- The new page is inserted after the current page and becomes active.
- Drag fields from the sidebar onto the new page.
Managing Pages
Open the page selector dropdown to manage pages:
- Rename: click the pencil icon next to a page name.
- Reorder: drag pages by their handle to rearrange the order.
- Delete: click the trash icon. The Finish Page cannot be deleted.
Conversational Mode
In One at a time mode, each field is automatically displayed on its own screen. The page selector shows “Question X of Y” instead of “Page X / Y”.
Page Types
The Add Page dropdown offers four page types in forms:
- Form Page — a standard page that holds your fields.
- Cover Page — an intro screen with heading, paragraph, and Start button.
- Finish Page — the closing page. You can keep the default thank-you message or set a redirect URL after submission.
- Payment Page — collects a payment via Stripe. Available on Pro and above.
Page Navigation
Respondents move between pages using Back and Next buttons.
Navigation Buttons (Classic Mode)
- Back: returns to the previous page (disabled on the first page).
- Next (Continue): advances to the next page after validating required fields.
- Submit: appears on the final page in place of Next.
Navigation (Conversational Mode)
In One at a time mode, respondents can advance with the Continue button or by pressing Enter.
Page-Level Validation
Required fields are validated before respondents can advance to the next page.
How Validation Works
- When the respondent clicks Next, every required field on the current page is checked.
- If a required field is empty, an inline error appears and advancement is blocked.
- Optional fields can be left blank.
Field-Specific Validation
Different field types apply additional validation:
- Full Name: first and last name both required.
- Checkboxes: at least one option must be selected.
- Matrix: every row needs a selection.
- Date Range: both start and end dates required.
- E-Signature: a signature must be drawn or typed.