How to Add Conditional Fields to Your Forms

The Conditions feature enables you to establish rules for your fields, ensuring that they are displayed only when a specific criteria is met. This functionality ensures a more personalized and efficient form experience for users.

To implement conditions for your fields, follow these steps:

For a comprehensive video on this topic, please refer to the following video:

1. Within your widget editor, navigate to the “Content” tab. Under the ”Fields” sub-section, choose the field to which you want to apply conditions. This field will be displayed based on the defined rules.
   

   

   
   
   
2. Within the field options, locate the “Conditions” section and click on the "+Add Condition" button to create a new rule.
   

   

   
   
   
3. Select the field you wish to listen to, i.e. the field where the condition needs to happen.
   

   

   
   
   
4. Determine the appropriate operator for your condition:

• Equals (=) - Display all information equal to the value entered in the filter field.
• Not Equals (!=) -  Display all information not equal to the value entered in the filter field.
• Includes -  Display all information that includes the value entered in the filter.
  
  
• Not Includes - Display all information that doesn’t include the value entered in the filter.
• Greater Than (>) - Display all information greater than the value entered in the filter field.
• Greater Than or Equals (>=) - Display all information greater than or equal to the value entered in the filter field.
• Less Than (<) - Display all information smaller than the value entered in the filter field.
• Less Than or Equals (<=) - Display all information smaller or equal to the value entered in the filter field.

5. Define the value that triggers the condition to take effect.
   

   

   
   

Example Scenario:

Let's create a form with fields for the email, selection, and "Tell us what you think" areas:

The goal is to reveal the "Tell us what you think" field only when users select the "other" choice in the selection field.

To achieve this, we'll access the options for the "Tell us what you think" field, create a new condition, and set the Field to "Selection" to listen for changes. We'll then set the Operator to "Equals," specifying that it should be equal to the value "Other" for the field to display.

And there you have it! When your users select the conditional options, the form will dynamically adapt to their specific requirements and personal information.