Conditional logic can be used to hide and show form fields or sections of your form if any or all of several criteria are met.

Subscribe on YouTube

Hide and show form fields

In this example, an Email field shows only when the visitor answers Yes to "Would you like to add your email address?"

1. Go to Formidable → Forms and click the name of your form to open it in the form builder.
2. Click the field that you want to conditionally hide or show. Its Field Options open in the sidebar.
3. Click Conditional Logic. This turns on Enable Conditional Logic and adds the first condition.
4. Choose Show or Hide. Then set the condition: the field to check, how to compare it, and the value. For example, show the current field if the "Would you like to add your email address?" field equals Yes.
   

   

   To check more than one thing, click Add Condition. Then choose Any to act when one condition matches, or All to act only when every condition matches.
5. Click Update to save your changes.
6. Now, when the user meets the criteria in the conditional logic, the hidden field appears.
   

   

Show a field when another is completed

In this example, an "Anything else?" field appears as soon as the visitor types a name.

1. Edit your form.
2. Click the field that you want to conditionally show, and click Conditional Logic.
3. Set it up to say:
   • Show this field if any of the following match: the other field does not equal, with the value box left empty.

   

4. Click Update to save your changes.

Show a field if it includes a value

To display a field when another field contains a certain word or phrase, use contains in the condition. In this example, a message appears when a Gmail address is entered.

1. Edit your form. Add an Email field and an HTML field. In the HTML field's Content box, type the message you want to show.
2. Click the HTML field and click Conditional Logic.
3. Set it up to say:
   • Show this field if any of the following match: Email contains @gmail.com.

   

4. Click Update to save your changes.
5. Now, when the user meets the criteria in the conditional logic, the HTML field message appears.
   

   

6. To stop certain email addresses from submitting your form, restrict email addresses with Submit button logic.

Show a field if it starts with a value

To display a field when another field starts with a specific letter, word, or phrase, use starts with in the condition.

1. Edit your form.
2. Click the field that you want to show or hide conditionally, and click Conditional Logic.
3. Set it up to Show this field if any of the following match. For example, to display a field when the first name starts with J, choose Name (First Name), then starts with, and type J.
   

   

4. Click Update to save your changes.
5. Now, when the user meets the criteria in the conditional logic, the conditionally hidden field appears.
   

   

Use part of a Name or Address field

A condition can check one part of a Name or Address field, such as the first name or the state. This is useful when only one part matters, like showing a field to visitors from one state.

1. Click the field that you want to conditionally hide or show, and click Conditional Logic to turn on Enable Conditional Logic.
2. In the field dropdown, choose the part you want to check, such as Address (State/Province) or Name (First Name). Then set the comparison and the value.
   

   

3. Click Update to save your changes.

Choosing Name checks the full name. An Address field is listed only by its parts. The same parts are available in form action conditional logic.

Conditionally display a section

To hide or show a group of fields, put them in a Section field and add conditional logic to the Section. All the fields inside the section hide or show with it. When a section is hidden with conditional logic, all fields within the section are cleared.

1. Add a Section field. Drag each field into the Add Fields Here area of the Section. Grab the field's box, not its label.
2. Click the Section. Then click Conditional Logic and add any criteria that you want. In this example, the section shows when the visitor answers Yes to "Would you like to add your address?"
   

   

3. (Optional) To hide the section's heading, expand Advanced in the Section's Field Options and set Label Position to None.
   

   

4. Click Update to save your changes.
5. When the user meets the criteria in the conditional logic, all the fields inside of the Section appear.
   

   

Display selected number of fields

This setup lets users fill out an identical field n times, where n is the number selected in another field. To set it up, give each copy of the field its own condition. For example, show 3 Name fields when a user selects 3 for the number of tickets.

1. Add a Dropdown field for selecting the number of fields to show. Its options are numbers, such as 1, 2, and 3. In this example, the Dropdown is labeled "How many people in your group?"
   

   

2. Below the Dropdown, add a Text field and title it Name.
3. Hover over the field and click the More Options icon (3 dots) in its upper-right corner.
4. Select Duplicate.
   

   

   Continue duplicating until you have the maximum number of fields that you need. For example, if your user can select up to 5 in your dropdown, you need 5 Name fields. In this example, the dropdown goes up to 3, so the form has 3 Name fields.
   

   

5. Add conditional logic to each of the Name fields. Each one uses 2 conditions with Any selected: Show this field if the dropdown equals the field's number, or is greater than the field's number.
   • (Optional) To show the first Name field only after a number is chosen, give it these conditions (equals 1 or is greater than 1). To keep it always visible, skip conditional logic for this field.
     

     

   • Conditional logic settings for the second Name field: the same 2 conditions with 2 (equals 2 or is greater than 2).
   • Conditional logic settings for the third Name field (equals 3 or is greater than 3):
     

     

   • Add similar logic to the rest of the Name fields in your form.
6. Click Update to save your changes.

Now when the user selects the number of names to input, the selected number of fields shows.

Conditionally skip a page

Conditionally skip a page based on a response from the user. The logic goes on the Page Break that starts the page you want to skip. It decides whether the page after that Page Break shows.

1. Add a Page Break field to your form.
2. Click an empty part of the Page Break (the row with the Next button and the next page's marker), and click Conditional Logic.
3. In the first dropdown, choose what happens when the conditions match:
   • Skip next page: skips the page after this Page Break.
   • Do not skip next page (the default): shows the page after this Page Break only when the conditions match, and skips it otherwise.
4. Add the criteria that you want. In this example, the survey page is skipped when the visitor chooses No for "Fill out a survey".
   

   

5. Click Update to save your changes.