Page navigation

Free feature

Page navigation is available to all Fomr users.

Page navigation controls how users move through your form and submit their responses. Whether you have a single-page form or a multi-page survey, navigation buttons guide users through the process.

How navigation works

Every form needs navigation elements to guide users through the form and submit their responses:

• Single-page forms: A submit button at the bottom
• Multi-page forms: Next/previous buttons for navigation, plus a submit button on the final page

Fomr automatically determines which buttons to show based on the page position in your form.

Button types

Next button

Appears on pages that have more pages following. Advances the user to the next page.

Behavior:

• Validates required fields on the current page
• Shows errors if validation fails
• Advances to the next page if validation passes

Previous button

Appears on pages after the first page. Allows users to go back and review or edit previous answers.

Behavior:

• Always available (no validation required to go back)
• Preserves all entered data
• Returns to the previous page

Submit button

Appears on the final page. Submits the form and shows the thank you page.

Behavior:

• Validates all required fields
• Submits the form if validation passes
• Redirects to the Thank You page

Navigation flow example

For a 4-page form, the navigation flow looks like this:

Page 1: [Next →]
Page 2: [← Previous] [Next →]
Page 3: [← Previous] [Next →]
Page 4: [← Previous] [Submit ✓]

Configuring navigation buttons

Button alignment

Control how buttons are positioned on the page:

Alignment	Description
Left	Buttons aligned to the left edge
Center	Buttons centered on the page
Right	Buttons aligned to the right edge
Justify	Buttons spread across full width

Recommendations:

• Right: Most common, follows natural reading flow
• Center: Good for single-page forms with only a submit button
• Justify: Works well with previous/next button pairs on multi-page forms

Button icons

Add icons to navigation buttons for visual clarity:

Common icon choices:

• Arrow right (→) for Next
• Arrow left (←) for Previous
• Checkmark (✓) for Submit
• No icon for minimal design

Setting up multi-page navigation

1. Create your form with multiple pages

2. Add form components to each page

3. Navigation buttons appear automatically at the bottom of each page

4. Customize button settings in the component properties panel

5. Test the navigation flow in preview mode

Tip

Always test your form’s navigation flow before publishing. Click through every page to ensure the buttons work correctly and validation behaves as expected.

Validation and navigation

When users click Next or Submit, Fomr validates the form:

1. Required field check: All required fields on the current page are validated

2. Error display: If validation fails, errors appear on the relevant fields

3. Scroll to error: The page automatically scrolls to the first error

4. Block or proceed: Navigation only continues if all validation passes

Tip

Users cannot skip required fields by clicking Next. They must complete all required fields on the current page before proceeding.

Auto-jump behavior

Fomr offers an auto-jump feature that automatically advances to the next page when a single-choice question is answered. This creates a faster, more fluid form experience.

Learn more about auto-jump navigation.

When auto-jump is enabled:

• Single-choice questions (radio buttons, dropdown) trigger automatic navigation
• Multi-select questions still require clicking Next
• Users can still use navigation buttons manually

Button states

Navigation buttons display different states to provide feedback:

State	Appearance	When
Default	Normal styling	Ready for interaction
Hover	Highlighted	Mouse over button
Active	Pressed appearance	Being clicked
Loading	Spinner displayed	Form is submitting
Disabled	Grayed out	Action not available

Customization through design

Navigation button appearance is controlled by your form’s design settings:

• Primary color: Affects button background color
• Border radius: Affects button corner rounding
• Font: Affects button text styling

Accessibility

Form navigation is built with accessibility in mind:

• Proper button semantics for screen readers
• Full keyboard support (Tab to navigate, Enter to activate)
• Clear focus indicators
• Loading and disabled states are announced
• Error messages are associated with form fields

Best practices

Position buttons consistently. Place navigation at the bottom of each page in a predictable location.

Use clear button labels. “Next” and “Submit” are clear and widely understood. Avoid ambiguous labels.

Consider button pairs. On middle pages, justify alignment works well for Previous/Next button pairs.

Add icons for clarity. Arrow icons on navigation and a checkmark on submit reinforce the button’s purpose.

Test thoroughly. Navigate through your entire form to ensure the flow makes sense and validation works correctly.

Keep forms focused. If your form has many pages, consider whether all questions are necessary. Shorter forms have higher completion rates.

Troubleshooting

Users can’t proceed to the next page

• Check if there are required fields that haven’t been filled
• Look for validation errors on the current page
• Ensure the form is properly published

Submit button not appearing

• Verify this is the last page in your form
• Check that the page type is set correctly
• Ensure page order is configured properly

Navigation buttons look different than expected

• Review your design settings for primary color and border radius
• Check if custom themes are affecting button styles
• Preview the form to see the actual appearance