Messenger Icon

Best Conditional Logic Addons for Brick Builder Forms

Table of Contents

Application for Bricks Form

 

Simply defined, conditional logic is the idea that you can set rules, or conditions, that cause your process to change based on input. The above statement relies on the “IF” conditional statement to show the corresponding fields.
Piotnet Conditional Logic Form feature is a powerful way to streamline your Bricks forms. The ability to customize conditional options can make a huge difference in your work.

A Form Demonstration for Conditional Logic

A Simple Form

Detailed Tutorials to configure Conditional Logic Form

Scenario:

You have a simple Contact form, and desire to show Contact methods based on the corresponding options of the previous target Select field as the demonstration above.

Step 1: Create a simple Bricks form like the image below.

Firstly, perform a basic Bricks form to test this Logic Conditions feature. 

how to set conditional logic form with Piotnet Bricks Addons plugin illustration 1

The details of the “Select field”

how to set conditional logic form with Piotnet Bricks Addons plugin illustration 2
Select Field Illustration

The contact method fields:

 
Tel Field
Email Field
how to set conditional logic form with Piotnet Bricks Addons plugin illustration 5
URL Field

Note: You can not customize the Field IDs with Bricks Builder Form. These IDs are automatically created by default.

Step 2: Configure Logic Conditions

Afterward, edit that Bricks Form > Content Tab > Piotnet Conditional Logic Form feature

Enable it to trigger the feature. Then click on “Add Condition” to set logic conditions.

how to set conditional logic form with Piotnet Bricks Addons plugin illustration 20

A general overview of Conditional Logic setup for three fields: Phone, Email, and Facebook.

  • Speed: speed of the action triggered with ms unit
  • Easing: swing or linear
  • Show: you can manually embed the field’s ID or use dynamic tags to get a specific field.
  • IF: fill out the target field’s ID that you want to apply the condition (“Select field” ID in this case)
  • Comparison Operators: choose equals
  • Type Value: String
  • Value: the corresponding value in the Options box (“Select field” in this case)
how to set conditional logic form with Piotnet Bricks Addons plugin illustration 6
Phone Field
how to set conditional logic form with Piotnet Bricks Addons plugin illustration 7
Email Field
Facebook Field

Results in the front-end:

how to set conditional logic form with Piotnet Bricks Addons plugin illustration 9

For more information in the Conditional Logic List:

Comparison Operators

There are options for you such as:

  • not empty/empty: Usually used for the text, number, tel, email, or input field types.
  • equals/not equals: Usually used for input or options field types.
  • =, <, <= Usually used for the text, number field type.
  • checked: Usually used for the radio, checkbox field type.
  • unchecked: Usually used for the radio, checkbox field type.
  • contains: The condition is triggered if the target field’s input contains the corresponding value. Usually used for the text, tel, number, email, or input field types. For example: in condition value setup: “abc” => if users fill out “abcdef” input in the target field, the conditional will be triggered.
how to set conditional logic form with Piotnet Bricks Addons plugin illustration 10

Type Value

  • String: if the value contains letter characters or numbers
  • Number: applied for only number format.

By default, it returns “String” option.

how to set conditional logic form with Piotnet Bricks Addons plugin illustration 11

OR, AND Operators

 

You can enable AND or OR settings during form creation.

  • With AND conditional logic, two or more requirements must be met by the site visitor in order for the condition to display.
  • On the other hand, for the OR conditional logic to work, a condition will display so long as one or more of the requirements are met by the site visitor inputting information.

By default, it returns the “OR” setup.

Related features

Recommendation:

To diversify a form, you can refer to Piotnet Forms. It possibly fulfills your advanced and complicated setup requirements for building a form.

For instance: Apply Payment methods, multiple Marketing and other platform integrations, etc.