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.
Adding a New Page
Look for the page tabs at the top of the canvas
Click the “+” button to add a new page
Drag fields from the sidebar onto the new page
Managing Pages
Rename: Double-click a page tab to rename it
Reorder: Drag page tabs to rearrange order
Delete: Click the X on a page tab (fields are not deleted)
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.
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
