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.
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
