Build forms with multiple pages and branching logic. Conditionally show certain pages or show custom endings with Fillout.
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.
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.
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.
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:
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:
Set condition to define when you want to go to the Rejected page. In this case, it’s if it’s a private company:
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.
Once we set the condition on that:
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.