May 7, 2020 | Divi Resources

How to use Divi conditional logic

Divi and its page builder provide a lot of useful features to create better websites. And Divi conditional logic is one of them, which allows users to add forms with conditions to use it effectively. Therefore, in this post, we’re going to see how we can use it.

So, without making any delay, let’s jump right in it!

Creating conditional logic forms in the Divi theme

To start creating conditional logic form, there’re some necessary steps to follow

  1. Create a new page / edit existing one, where you want to add conditional logic form
  2. Launch Divi Builder
  3. Choose Build From Scratch
  4. Once the white canvas appear, add a single column row.

Add Contact Form module

After inserting a single column row, add Contact Form module from the Divi module library.

Divi Contact Form Module

Upon adding the module, you get NameEmail, and Message field by default. Now, if you want to apply conditional logic to a particular field, then go to the field’s individual setting. Further, head over to the conditional logic settings and open it. Here, you’ll find a toggle, check it as “Yes.” Then add rules to apply conditional logic.

Divi Conditional Logic Toggle Enabled

In conditional logic settings, you also get the Relation toggle, which defines all your conditions. If relation toggle set as ANY, then condition will be applied if any of the rules happen to be true. However, if you set relation as ALL, then it’s necessary that each rule would return true, to apply the condition.

In rules, you can add up to 08 conditions that are as follows

  • Equals
  • Does not equal
  • Is greater than
  • Is less than
  • Contains
  • Does not contain
  • Is empty
  • And is not empty

Divi Conditional Logic All Rules

When creating a conditional logic form, you also get the multiple field options that are as follows,

  • Input Field
  • Email Field
  • Textarea
  • Checkboxes
  • Radio Buttons
  • Select Dropdown

Divi Conditional Logic Field Options

These field options provide users with possibilities to enhance the functionality of a conditional logic form for various events and purposes. Take a look at the below form to know the working of a conditional logic form. The conditions are applicable to the radio buttons that would show respective Textarea if selected.

Conditional logic form example

Where do you hear about us?

How conditional logic form would work?

The above shown conditional logic form would behave according to the user interaction mentioned in the subsequent steps.

First: User would fill up his/her details in the Name and Email field.

Working of Conditional Logic Form step A

Second: User then choose the available radio button options, which further opens up a new text field.

Working of Conditional Logic Form step B

Third: Then, in the new text field user has to input the details. If not, then it would show the below message only if the “Required” option was selected from the field option settings. Otherwise, the form would get submitted.

Working of Conditional Logic Form step C

Summary

Above, we’ve shown you how you can create and set up a conditional logic form in the Divi theme. We’ve also shown you how a conditional logic form works. If you still got any issues and queries regarding creating or setting up a conditional logic form. You can contact us directly through our email address “[email protected]” or visit our contact us page. We’ll be happy to assist you.

Do you want to add 50+ new modules to your Divi Theme?

Hope you find this article helpful. Before you go, we would like to introduce you to Divi Plus, our multipurpose plugin that comes with some great features you might like.

Divi Plus Divi Web Design Tool
Posted By:
Vishvendra
Vishvendra believes in the keep learning process and applying those learnings into work. Other than technical writing, he likes to write fiction, non-fiction, songs, and comic ideas. He loves what he writes and writes what he loves. Search his name with "Nathawat," and you'll easily find him over the internet.

1 Comment

  1. Marco

    Divi Conditional doesn’t work with ACF fields right?
    I can’t NOT display a Price module, depending on ACF field condition.
    For example: i don’t want the price to appear when the painting is already sold. Sold is 1 of the 2 values from the ACF field art_status.
    art_status as Manual field name does not work ???
    Asked Elegantthemes but their anwer was… well….

    Reply

Submit a Comment

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

1 Comment

  1. Marco

    Divi Conditional doesn’t work with ACF fields right?
    I can’t NOT display a Price module, depending on ACF field condition.
    For example: i don’t want the price to appear when the painting is already sold. Sold is 1 of the 2 values from the ACF field art_status.
    art_status as Manual field name does not work ???
    Asked Elegantthemes but their anwer was… well….

    Reply

Submit a Comment

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

LearnDash & WooCommerce: Sell Online Courses Easy (5 Steps)

LearnDash & WooCommerce: Sell Online Courses Easy (5 Steps)

Whether you’re a teacher or not, if you have experience in a particular field, selling your expertise online is one of the most profitable businesses. Further, with LearnDash and WooCommerce, this becomes seamless.  If you’re looking to sell online courses from...

Top 7 Evergreen Divi Education Themes for Your Institute

Top 7 Evergreen Divi Education Themes for Your Institute

Are you looking for a Divi Education Theme and couldn't find the one that will suit your institute's values? Then, this post will help you discover the one you can genuinely trust. This post will discuss 7 Divi child themes that include loads of resources to build an...

The Ultimate Website Launch Checklist for 2022

The Ultimate Website Launch Checklist for 2022

If you’re about to launch a new website, ensure that you review everything from your website launch checklist. Wait! What? Haven’t you created a checklist yet? Well, this will surely put you in some trouble.  Because a website launch checklist allows you to see...

Popular on Divi Extended

Divi Plus WooCommerce Extended Divi Child Theme Divi Header Layouts