Flow Forms Docs Flow Forms Docs

Sections

On this page 5

Long forms can feel overwhelming. Sections let you break your form into logical groups, displayed as tabs that guide respondents through one topic at a time.

For example, a job application form might have sections for "Personal Details," "Work Experience," and "References" - each appearing as its own tab.

Creating a Section

Click Add Section in the form builder. The first time, the builder explains what is about to happen: you name the section, and every field currently on the form moves into it, so nothing is left floating outside the tabs. After that, Add Section simply adds another named tab.

Every field on a sectioned form belongs to a section - there is no unsectioned leftover pile. New fields land in a section as you add them.

Moving Fields Between Sections

Two ways:

  • Open the field's editor and pick a different section from the Section dropdown.
  • Or use the field's context menu → Move to Section.

Organizing Your Sections

Sections appear as tabs across the top of the builder. When there are many tabs, or the screen is narrow, the row scrolls in place instead of pushing the page sideways. The overflow menu () lists every section so you can jump to one without scrolling the strip.

To reorder them on desktop, drag the tabs themselves into the order you want - field order within a section has no effect on tab order. The overflow menu also has move up and move down controls for when dragging is impractical.

Each tab has its own menu:

  • Rename - edit the tab label in place.
  • Delete - removes the section, and asks what should happen to its fields: move them to another section, delete them too, or keep them and stop using sections on this form altogether.

Tips for effective sections:

  • Use clear, concise tab names (e.g., "Contact Info" not "Please Enter Your Contact Information Here")
  • Aim for 3-7 fields per section - enough to feel substantial but not overwhelming
  • Put the easiest section first to build momentum

How Respondents Navigate Sections

When your form has sections, respondents see tabs at the top. They can click any tab, or pick one from the overflow menu, to jump directly to that section. The active tab always scrolls into view, so jumping to a later section never leaves you staring at the wrong part of the strip.

While any section still has required fields unanswered, the button at the bottom of the form reads Next instead of Submit. Clicking it jumps straight to the next section that still needs something - searching forward and wrapping around to earlier tabs if needed - so a respondent who missed one field three tabs back is taken right to it rather than left hunting. After a failed submit, sections that still have missing required fields are marked on both the tab strip and the overflow menu.

Once nothing required is missing anywhere, the button becomes the submit button and the form goes through.

What respondents experience:

  • Progress bar shows completion across all sections
  • Clicking a tab switches sections instantly
  • The form only submits when all required fields in all sections are filled

Quick Reference

What you want to do How to do it
Create a section Click Add Section in the builder
Move a field to a section The field's Section dropdown, or Move to Section
Reorder sections Drag the section tabs, or use move up / move down in the overflow menu
Jump to a section Click its tab, or pick it from the overflow menu
Rename a section The tab's menu → Rename
Remove a section The tab's menu → Delete, then choose what happens to its fields