Visibility Rules are a powerful feature that help you customize your funnels and tailor your content to specific use cases. By using Visibility Rules, you can show or hide elements based on conditions that you define. This allows you to personalize your funnels and create a more engaging experience for your participants.

For example, you can use Visibility Rules to:

Using Visibility Rules helps keep your funnels dynamic, relevant, and easier for participants to complete.

To set up Visibility Rules, select the element you want to apply the rule to. Then, on the right side of the editor, scroll down until you see the Visibility Rules section.
​

From there, you can add Visibility Conditions to control when the element should appear based on participant responses.

The basic idea behind Visibility Rules is simple - you specify whether an element should be shown or hidden, and then set the conditions for that action to happen.

This means you can create rules that show or hide content elements (such as questions, buttons, or other elements) depending on how participants answered previous questions.

All of this can be configured inside the Visibility Conditions Builder.

When setting up your rules, it's important to first think about the behavior you want to achieve and plan the conditions in advance, so as to make the process easier.

Visibility Rules are disabled by default. You can choose whether the selected element should:

Once the rule is enabled, you can use the Visibility Conditions Builder to define the exact conditions that trigger the visibility change.

There's also the option "Always hide for participants" which can be useful if you for example want to hide a calculator so participants don't see the result, or if you have a page timer running in the background and don't wan't participants to know about it.

The Visibility Conditions Builder allows you to define when an element should be shown or hidden by setting specific conditions.

Inside the builder, you can choose between the ALL and ANY options. You can also combine different operators, conditions, and inner groups to create more advanced visibility rules and further customize your funnel.

If you're familiar with conditional operators (such as those used in our calculators), the logic works the same way:

The operators available in the builder may vary depending on the type of element used in the condition (for example, text inputs or elements that produce calculated results).

Common operators include:

Inner groups work similarly to brackets in a calculator formula, but instead of numbers and formulas, they contain visibility conditions.
​
They allow you to organize and combine conditions in a more structured way when building Visibility Rules.

Inner groups are especially useful when you want to combine ALL and ANY logic within the same rule.

For example, you might want a rule where:

This allows you to build more advanced rules while keeping the logic clear and manageable.

Let's say that you want an element to show only if:

In such a scenario we would make use of inner groups like this:
​

Using inner groups allows you to create more precise and flexible visibility rules, especially when combining multiple possible answers within a single condition.

Let's say you have a survey where you want the participant to write down their question, if they pick the "Other" answer/option. This is where the visibility condition comes in.

To achieve this result you can add a Short or Long Answer element and then set a condition like the following one to it:

What this condition does, is check if the answer the participant picks equals "other". If this condition is met, then the Short/Long Answer element will be shown, like so:

What this rule does is check whether the participant selected “Other” as their answer. If the condition is met, the Short/Long Answer field will appear, allowing the participant to enter their custom response.

You can also easily add an "Other" option to any of your questions simply by clicking the option "Add other option". You can find this option by selecting the question element, then scrolling down on your right side.

You can also use Visibility Rules to show additional questions to participants based on their previous answers, or hide those questions when different answers are selected.

This allows you to ask follow-up questions only when they are relevant, creating a more personalized experience for participants.

In the example below, we set the Image Choice element to be shown when the “How old are you?” question is not empty (meaning an answer has been picked).

Then the NPS element is set to only show if participants pick the "Satisfied" answer, or higher. While the Short Answer element only shows if the participant picks the "Somewhat satisfied" answer or any of the lower options.
​
The below screenshot shows the logic that was used on the Short Answer element, but the same applies to the NPS element too.
​

In another example, different follow-up questions are shown depending on how the participant rates the service. The NPS element is shown only if participants select “Satisfied” or a higher option. While the Short Answer element is shown only if participants select “Somewhat satisfied” or any lower option.

The screenshot below shows the Visibility Rule applied to the Short Answer element, but the same approach can also be used for the NPS element.
​

The final result will then be something like this:
​

Showing or hiding elements can be done on any page, including Thank You and outcome pages. If you want to show/hide different text or images based on the participant's score, then this can be easily achieved with visibility conditions. You can even go one step further and change the styling of the elements based on the score.

In this example below, we wanted the score to appear in three different colors depending on the participant’s final score.

We wanted to have 3 different possible colors, so in order to do that we added 3 Score elements to our Thank You page, and set each one to only be shown based on the participant's score. This way:

As for the button element, we set it to be hidden if the participant gets a perfect score.

If you want to show an element only when a specific answer combination is picked by the participant, then you can do this with the "equals" operator in the Visibility Conditions Builder.
​

Let's take the following example, we want an element to only be shown if the participant picks the following answers: Online Store, Retail and Social Media.
​
If the participant picks anything else, the element won't be shown. In order to do this we just need to type in the exact answer combination, and have each answer separated by a comma, like so:

Make sure that you're typing in the text exactly as you see it in the answers, down to the spaces, capital letters and commas.

In order to make this method work you'll also need to ensure that you're entering the answers in the same order as they appear in the element.

This means that if we changed the order to this instead: "Social Media, Retail, Online Store" then the logic wouldn't work anymore.
​
​Rest assured, the order in which participants pick their answers won't matter, the visibility condition will still work.

If you still have any questions about this feature, please feel free to contact our support team.