How can I integrate conditions in my forms?

Sometimes, you need more than just simple forms. You might want to show or hide certain questions based on what users select or enter.

Example: Only ask for a dog’s name if the user confirms they own a dog by clicking a checkbox.

1. Simple true/false condition

The goal is to ask for the dog’s name only if the user says they own one. To do this, add two elements:

  1. Checkbox: Ask to click the checkbox if they own a dog.
  2. Question: Ask for the dog’s name, only if they checked the box.

1.1 Checkbox

First, add a checkbox for users to confirm if they own a dog.

  1. Add an element
  2. Select “Checkbox”
  3. Label it: “I own a dog”

1.2. Question

Next, add a question for the dog’s name, but only show it if the checkbox is checked.

  1. Add an element
  2. Select “Question”
  3. Write your question (e.g., “What’s your dog’s name?”)
  4. Set up the condition:
    1. Toggle the condition on
    2. Click “Add condition”
    3. Select the “I own a dog” checkbox
    4. Set the operator to “Equals”
    5. Set the value to “Checked”

This setup ensures the dog’s name question only appears if the user confirms they own a dog.

Other kinds of conditions

True or false conditions with a checkbox are common. The way we built conditions can be much more powerful though, letting your creativity go beyond what’s expected.

You can set conditions on almost every kind of element in your forms. That means that you can display or hide elements based on how any element is being filled by people. A concrete example would be to only display the question on the dog’s name to people living in a specific city, like this:

Or only if people have entered their first name, for whatever reason:

As you can see, conditions are a powerful tool that can serve many purposes. Feel free to be creative using them.