Multi-Page Forms & Progress Bar | Uplup Form Builder

Break long forms into manageable sections with multi-page layouts. Add progress bars to guide users through the form and use conditional logic to skip irrelevant pages.

Form Styles
Creating Multiple Pages
Progress Bar Options
Page Navigation
Conditional Page Logic
Page-Level Validation

Form Styles

When creating a new form, you choose between two form styles. This choice is made during form creation and cannot be changed later.

Style	Description	Best For
Conversational	One question at a time for a focused, engaging form experience. Features smooth transitions between questions.	Surveys, lead capture, engaging forms
Classic	Traditional layout with flexible page structure. Multiple questions can be grouped on each page.	Applications, long forms, registration

Choosing Your Form Style

Click “Create” → “Form” from the dashboard
Choose your starting point (Blank, Template, or AI)
The “Choose Your Form Style” modal appears
Select Conversational or Classic

Note: The form style cannot be changed after creation. If you need a different style, create a new form.

Creating Multiple Pages

In Classic mode, you can organize your form into multiple pages with logical sections.

Navigating Between Pages

Use the page selector in the top navigation bar to navigate between pages:

The selector displays “Page X of Y” showing your current position
Click the left/right arrows to move between pages
Click the dropdown to see all pages and jump to any page directly

Adding a New Page

Click the “+ Add Page” button in the top navigation bar (next to the page selector)
A new blank page is added to your form
Drag fields from the sidebar onto the new page

Managing Pages

Click the page selector dropdown to access page management options:

Rename: Click the pencil icon next to a page name to rename it
Reorder: Drag pages using the grip handle to rearrange their order
Delete: Click the trash icon to delete a page (fields are not deleted, they move to the previous page)

Conversational Mode

In Conversational mode, each question is automatically displayed one at a time. You don’t need to manually create pages – the form handles transitions automatically. The page selector shows “Question X of Y” to indicate your position.

Progress Bar Options

Show users how far they are through the form with a progress indicator.

Progress Bar Styles

Bar: Horizontal progress bar with percentage fill and “Step X of Y” text
Dots: Clickable dot indicators – filled for completed, outlined for upcoming
Numbers: Numbered circles (1, 2, 3) showing each page

Configuring the Progress Bar

Go to form Settings
Find the “Progress Bar” section
Toggle it on/off
Choose the style (Bar, Dots, or Numbers)
Set the position (Top or Bottom)

Page Navigation

Users navigate between pages using Back and Next buttons.

Navigation Buttons (Classic Mode)

Back: Returns to previous page (disabled on first page)
Next: Advances to next page (validates required fields first)
Submit: Appears on the final page instead of Next

Navigation (Conversational Mode)

In Conversational mode, users can navigate with:

Enter: Advance to next question
Arrow keys: Navigate back and forward
Click: Next/Back buttons

Conditional Page Logic

Skip entire pages based on user answers using page routing.

How It Works

Set up routing rules that evaluate after a page is completed
If a condition is met, skip to a specific page
If no conditions match, continue to the next page normally

Example Use Cases

Qualification screening: “Are you 18+?” → If No, skip to disqualification page
Branching surveys: “Are you a customer?” → If Yes, show customer questions; If No, show prospect questions
Skill-based routing: “Experience level?” → Route beginners and experts to different sections

For detailed conditional logic setup, see Form Conditional Logic.

Page-Level Validation

Required fields are validated before allowing users to proceed to the next page or question.

How Validation Works

When user clicks Next, all required fields on the current page are checked
If any required field is empty, an error message appears
User must complete required fields before proceeding
Non-required fields can be left blank

Field-Specific Validation

Different field types have specific validation rules:

Full Name: Both first and last name required
Checkboxes: At least one option must be selected
Matrix: All rows must have a selection
Date Range: Both start and end dates required
E-Signature: Signature must be provided