Multi-page forms break long forms into sections, making them easier to complete. This guide shows you how to create forms with multiple pages and navigation between them.
Why use multi-page forms?
Section titled “Why use multi-page forms?”Benefits:
- Less overwhelming for respondents
- Better organization of questions
- Ability to group related questions
- Progress indication helps users know where they are
Best for:
- Surveys with 10+ questions
- Applications and registrations
- Forms with distinct sections
- Complex data collection
Planning your pages
Section titled “Planning your pages”Before building, plan your page structure:
| Page | Content | Purpose |
|---|---|---|
| Page 1 | Introduction/Welcome | Set expectations |
| Page 2 | Basic information | Easy questions first |
| Page 3 | Detailed questions | Core content |
| Page 4 | Final questions | Wrap up |
| Thank You | Confirmation | Complete the experience |
Step 1: Create your form
Section titled “Step 1: Create your form”-
Log in to your Fomr dashboard
-
Click New form
-
You’ll start with a single page
Step 2: Build your first page
Section titled “Step 2: Build your first page”Start with an introduction or simple questions:
-
Add a Text component for a welcome message (optional)
-
Add your first few questions
-
Add Page Actions at the bottom
-
The Page Actions will show a “Next” button
Example first page:
- Welcome text explaining the form
- Name field
- Email field
- Page Actions (Next button)
Step 3: Add a new page
Section titled “Step 3: Add a new page”-
Look for the Add Page button (usually a + icon near the page tabs)
-
Click to add a new page
-
The new page appears in the page navigation
Step 4: Build additional pages
Section titled “Step 4: Build additional pages”For each new page:
-
Select the page in the page navigation
-
Add your questions for that section
-
Add Page Actions at the bottom
-
Page Actions automatically shows Previous/Next buttons
Example middle page:
- Section header (Text component)
- 3-5 related questions
- Page Actions (Previous + Next buttons)
Step 5: Create the final page
Section titled “Step 5: Create the final page”The last page before Thank You:
-
Add your final questions
-
Add Page Actions
-
The submit button appears automatically on the last page
Example final page:
- Final questions
- Optional feedback field
- Page Actions (Previous + Submit buttons)
Step 6: Add the thank you page
Section titled “Step 6: Add the thank you page”-
Add the Thank You component after your last page
-
Customize the title and message
-
Choose an icon and optional confetti
Understanding page navigation
Section titled “Understanding page navigation”Automatic button behavior
Section titled “Automatic button behavior”Page Actions automatically adjusts based on page position:
| Page Position | Buttons Shown |
|---|---|
| First page | Next only |
| Middle pages | Previous + Next |
| Last page | Previous + Submit |
Navigation flow
Section titled “Navigation flow”Page 1 → Page 2 → Page 3 → Page 4 → Thank You [Next] [Prev][Next] [Prev][Next] [Prev][Submit]Step 7: Configure page actions
Section titled “Step 7: Configure page actions”For each Page Actions component:
-
Click the Page Actions to select it
-
Choose button alignment (Left, Center, Right, or Justify)
-
Optionally add icons to buttons
-
Justify alignment works well for Previous/Next pairs
Step 8: Test your form
Section titled “Step 8: Test your form”-
Click Preview
-
Navigate through all pages
-
Test the Previous button to ensure you can go back
-
Verify required field validation works on each page
-
Complete a test submission
Page organization tips
Section titled “Page organization tips”Group related questions
Section titled “Group related questions”Keep related questions on the same page:
- Page 1: Personal information (name, email, phone)
- Page 2: Professional information (company, role, industry)
- Page 3: Preferences and interests
- Page 4: Additional comments
Use section headers
Section titled “Use section headers”Add Text components at the top of each page:
Page 2: "About Your Company"Page 3: "Your Preferences"Page 4: "Final Questions"Balance page length
Section titled “Balance page length”- Avoid pages with just 1 question (feels slow)
- Avoid pages with 10+ questions (overwhelming)
- Aim for 3-5 questions per page
Validation across pages
Section titled “Validation across pages”Per-page validation
Section titled “Per-page validation”When users click Next:
- Only the current page’s required fields are validated
- Users can’t proceed until current page is complete
- Errors are shown on the current page
Final submission
Section titled “Final submission”When users click Submit:
- All required fields across all pages are validated
- If any page has errors, users are taken to that page
Advanced: page flow considerations
Section titled “Advanced: page flow considerations”Linear vs. branching
Section titled “Linear vs. branching”Currently, Fomr supports linear page flow (Page 1 → 2 → 3 → etc.). All respondents see all pages in order.
Conditional logic
Section titled “Conditional logic”For forms where different users should see different questions, consider:
- Using optional fields instead of separate pages
- Creating separate forms for different user types
- Using required fields strategically
Example: job application form
Section titled “Example: job application form”| Page | Questions |
|---|---|
| Page 1: Welcome | Introduction text, Name, Email |
| Page 2: Background | Current role, Years of experience, Skills (checkboxes) |
| Page 3: Position | Position applying for, Why interested (long answer) |
| Page 4: Availability | Start date, Salary expectations, Additional info |
| Thank You | Confirmation message |
Example: customer survey
Section titled “Example: customer survey”| Page | Questions |
|---|---|
| Page 1: Introduction | Welcome text, How long as customer |
| Page 2: Satisfaction | Overall rating, NPS question |
| Page 3: Details | Feature ratings (matrix), Most used features |
| Page 4: Feedback | Improvement suggestions, Additional comments |
| Thank You | Thank you message |
Troubleshooting
Section titled “Troubleshooting”Pages not showing navigation
Section titled “Pages not showing navigation”- Ensure Page Actions is added to each page
- Check that you have multiple pages created
Can’t go back
Section titled “Can’t go back”- Verify Page Actions is on pages after the first
- Previous button only appears on pages 2+
Validation not working
Section titled “Validation not working”- Check that required fields are properly marked
- Test in Preview mode, not just the editor
Best practices
Section titled “Best practices”Start simple. Begin with easy questions to build momentum.
Show progress. Users should feel they’re making progress.
Allow going back. Never trap users—let them review and edit.
Keep pages balanced. Similar effort per page feels fair.
Test thoroughly. Navigate forward and backward multiple times.
Next steps
Section titled “Next steps”Related
- Page navigation - Configure navigation buttons
- Create a survey - Build multi-page surveys
- Thank You - Completion page component
Need help?
For additional assistance with multi-page forms, check our FAQ section or contact our support team.