Creating Multi-Page Forms

Long forms can feel overwhelming when presented as a single page. Multi-page forms break your questions into manageable sections, improving the respondent experience and boosting completion rates.

When to Use Multi-Page Forms

Consider splitting your form into pages when:

• Your form has more than 8-10 fields.
• Questions fall into distinct topics or sections.
• You want to validate answers before the respondent moves forward.
• You need conditional branching that skips entire sections based on answers.
• You want to show progress to keep respondents motivated.

Adding Pages

To add a new page to your form:

1. Open your form in the editor.
2. Click the Add Page button at the bottom of the current page on the canvas, or use the pages panel in the left sidebar.
3. A new empty page is added after the current one.
4. Drag fields onto the new page or add them from the field panel.

You can also move existing fields between pages by dragging them from one page to another in the pages panel.

Page Navigation

Multi-page forms automatically include Next and Back buttons for navigation. Respondents click "Next" to advance to the following page and "Back" to return to the previous one. The final page displays a Submit button instead of "Next."

You can customize the button labels in the form settings. For example:

• Change "Next" to "Continue" or "Proceed."
• Change "Back" to "Previous" or "Go Back."
• Change "Submit" to "Complete" or "Finish."

Progress Bar

Show respondents how far they are through the form by enabling a progress bar. Go to Form Settings > Appearance and toggle on Show Progress Bar.

Choose from two progress bar styles:

• Bar: A horizontal bar that fills as the respondent advances through pages. Clean and minimal.
• Steps: A numbered step indicator that shows each page as a circle or label. More informative, especially when pages have titles.

The progress bar updates automatically based on the current page and total number of pages.

Page-Level Validation

By default, WittyForm validates all required fields on the current page before allowing the respondent to proceed to the next page. This means:

• If a required field on page 1 is empty, the respondent cannot advance to page 2.
• Validation errors are shown immediately with clear messages next to the fields.
• This ensures data quality at each step rather than only catching errors at the end.

You can disable page-level validation in form settings if you prefer to validate only on final submission, though this is not recommended.

Conditional Page Skip

With conditional logic, you can skip entire pages based on how respondents answer earlier questions. For example:

• If a respondent answers "No" to "Do you have dietary restrictions?", skip the dietary details page entirely.
• If a respondent selects "Student" as their role, skip the employment details page and go directly to the education page.

To set up conditional page skip:

1. Select the page you want to conditionally skip in the pages panel.
2. Click Page Logic in the page settings.
3. Define the condition (e.g., "If field X equals Y, skip this page").
4. The page will be automatically hidden when the condition is met, and the respondent will jump to the next visible page.

Page Titles

Give each page a descriptive title to help respondents understand what section they are completing. Click on a page in the pages panel and enter a title in the settings. Page titles appear at the top of each page and in the step-style progress bar.

Good page titles are short and descriptive:

• "Personal Information"
• "Contact Details"
• "Preferences"
• "Review and Submit"

Reordering Pages

Drag pages up or down in the pages panel to change their order. All fields on the page move with it, and conditional logic is automatically updated to reflect the new order.

Tips for Multi-Page Forms

• Keep each page focused on a single topic or category of questions.
• Aim for 3-5 fields per page for the best respondent experience.
• Always enable the progress bar so respondents know how much is left.
• Put the easiest, least sensitive questions on the first page to build momentum.
• Test the entire multi-page flow in preview mode before publishing.