Page logic

Build forms with multiple pages and branching logic. Conditionally show certain pages or show custom endings with Fillout.

Overview

By default, form pages have a button that will send your user to the next page, creating a linear series of pages. As you build your form, you may want to control how your form pages connect through branching logic and conditional steps. This means you can customize the path respondents take based on their answers, making your forms more interactive and tailored to individual needs.
notion image

Video Tutorial

How to change the page logic

To modify your form's flow, click Logic in the bottom right hand corner of the screen. This will open up the page logic view, pictured below. Click on pages to navigate between the different screens in your form.
notion image

How to use branching

Let's say you want to go to different pages depending on the result of a respondent's input. For example, we'll ask respondents what kind of company they work at.
 
notion image
 
In the example above, we want to show different pages to respondents depending on if they qualify for a discount, or don’t. Additionally, we also want to ask to describe the non-profit organization, if they work at one. So let's create two more form pages for the two different options respectively.
Our form will, at first, likely look something like this in the page logic view:
notion image
 
What we really want to do is:
  • If they qualify for a discount right away (e.g. student), show them the success page
  • If they work at a non-profit, show them the non-profit page
  • If they don’t qualify (e.g. private company), show them the rejection page
 
The first thing to do is to click and drag from the (+) symbol on the right-side of the page you want to connect to another page, and drop it onto the page you want to “branch” out to. For example, we’ll click the plus symbol on Company type above, and route to Rejected
 
Your form should look like this now:
notion image
 
Now, click Set condition to define when you want to go to the Rejected page. In this case, it’s if it’s a private company:
 
notion image
 
Finally, we also want to route respondents to the success page right away if they’re a student. Now that we have some branches on our company type page, we can hit Add branch to add another one, and subsequently connect it to the success page right away.
 
notion image
 
Once we set the condition on that:
notion image
 
We’re done! The very first transition to a page is the default next page (i.e. the one with the gray arrow next to it). If no conditions are matched, that is the page users will see. When conditions do match (the ones we set above), then users will see the pages that they point to.
 

Related articles

🙈
Conditionally hide fields
Condition groups
Condition groups
🧪
Answer piping