How do I insert page breaks and section breaks (pagination & question branching)?

Breaks are used to divide the content on a form into pages or sections that can be conditionally shown or hidden.

This is a handy way to:

  • Use conditional logic to show or hide entire groups of questions and other content based on how the form is answered.
  • Create multi-page forms, and (optionally) set up branching pages using logic.

How do I add a page or a section break?

Using slash commands

A line of the editor with "/break" typed in. A dropdown appears below, with the options "Page break" or "Section break."

  1. Click on the line where you want the break to go.
  2. Type /break to bring up both page and section break types.
  3. Select the type of break with your mouse or keyboard.

Without using slash commands

The typing cursor in a blank line of the editor. To the left of the cursor are four icons. The second one from the right is selected, and the words "Add Break" appear above it.

  1. Click on the line where you want the break to go.
  2. To the left of the typing cursor, select the "add break" icon (second from the right). This creates a page break.
  3. Configure the break to change it to a section break if desired.

A page break appears as a blue line in the editor, while sections breaks are shown as red lines. These lines only appear in the editor, not on the live form. You may click and drag the break line to change its position.

Configuring the break

To configure a break, click the cogwheel icon to the right of the line. You can use this menu to:

  • Switch from a page break to a section break or vice-versa.
  • Apply visibility logic to everything in the following page or section.

Screenshot of the "Configure Break" menu.

Select "On a new page" for a page break (blue), or "On the same page" for a section break (red).

If you would like the content below this break to only appear when certain condition(s) are met, toggle on "Page visibility logic" or "Section visibility logic." From there, you can set the condition(s) that should be met for the page or section to appear.

Pages vs. Sections

An example of page and section breaks in the editor. A blue line is followed by some form content, then a red line, and then more content.

How do pages work?

Page breaks appear as a blue line in the editor. A page break will place all content that appears beneath it on a new page, and the page will end when either another page break is inserted, or at the end of the form.

When visibility logic is set on a page break, this determines whether the page will be included in the form. If the conditions aren't met for the page to be "visible," then it will be skipped. The submit button will appear on the last visible page that has a question on it.

When a person is filling out the form, they will not be able to move to the next page until all required questions are answered on the current page.

You can change the style of pagination buttons from the Theme menu.

How do sections work?

Section breaks appear as a red line in the editor. Any visibility logic set on a section break will apply to all content beneath the line, up until the following section or page break. In this way, sections are really contained inside the page.

You can use section breaks to make chunks of content appear conditionally and create branches of logic that are personalized. They are also useful for applying logic to plain text and/or images, which don't have visibility settings of their own.

Gotchas

  • When visibility logic is toggled on, make sure to include at least one complete condition. If the toggle is on but the condition(s) are missing or incomplete, the content will always be hidden. Toggle visibility logic off completely if you always want the page or section to be shown.
  • If adding more than one condition to a single break, be careful about when to use "And," "Or," and the "Multiple Conditions" group.
  • To place every question on its own page, consider using Guided Mode instead. You can still add in page breaks to forms in Guided Mode if you want to apply conditional logic.