{"id":11490,"date":"2022-12-22T17:10:07","date_gmt":"2022-12-23T00:10:07","guid":{"rendered":"https:\/\/www.elegantthemes.com\/documentation\/?p=11490"},"modified":"2023-02-03T15:50:50","modified_gmt":"2023-02-03T22:50:50","slug":"divi-condition-options","status":"publish","type":"post","link":"https:\/\/www.elegantthemes.com\/documentation\/divi\/divi-condition-options\/","title":{"rendered":"Using The Divi Condition Options"},"content":{"rendered":"

The Divi Condition Options allow you to apply advanced logic to any section, row, or module to hide or display elements based on a set of conditions. You can define a set of conditions such as user role, date and time, browser, device, post information, website location, and more.<\/p>\n

For example, you can choose to display specific content based on date and time. Or you can choose to display unique content to users when they log in and show unique elements to specific users based on their user role.<\/p>\n

This is a powerful feature within Divi, so in this document, we’ll go over how to access the Divi Condition Options, how to use them, best tips and practices, and more.<\/p>\n

Let’s dive in!<\/p>\n

How To Access Condition Options<\/h2>\n

Condition options are available in all of Divi’s sections, rows, and modules. Simply hover over the element you’re working on, click the gear icon to bring up the settings, and then navigate to\u00a0Advanced > Conditions<\/strong>.<\/p>\n

\"\"<\/p>\n

Add a Condition<\/h3>\n

To add a condition, click the grey + icon that says “Add Condition”. This will bring up all of the condition options that you can apply.<\/p>\n

\"Adding<\/p>\n

Showing or Hiding Elements<\/h3>\n

To show or hide an element, you’ll need to add a condition that will control an element’s visibility. When conditions are\u00a0met<\/em> the element will be visible. When conditions\u00a0are not met<\/em> the element will be hidden. For example, below a member’s only discount banner will display only if the user is logged into the website.<\/p>\n

\"Showing<\/p>\n

Setting Multiple Conditions<\/h3>\n

Within the Divi Condition Options, you’re able to apply multiple conditions to create advanced rules for an element’s visibility. You can choose to display or hide an element based on whether all<\/em> or\u00a0one<\/em> of the conditions are met.<\/p>\n

For example, you can choose to show a discount code banner IF that user is logged in, has purchased a product before, and is using a browser. You can make all<\/em> of these three conditions required to be met, or just one condition to be met, in order for the banner to be visible.<\/p>\n

Use Case Examples of Condition Options<\/h2>\n

Let’s take a look at some real-life use examples for condition options.<\/p>\n

Create Personalized Experiences<\/h3>\n

The Divi Condition Options gives you the power to tailor personalized user experiences for every visitor that comes to your website. Tailoring your content based on a set of conditions can help increase conversions and deliver a unique online experience that will impress your customers and boost your brand.<\/p>\n

Learn More<\/strong>: 5 eCommerce Personalization Ideas for WooCommerce<\/a><\/p>\n

\"\"<\/p>\n

Show or Hide Content Based on User’s Logged-In Status<\/h3>\n

Divi’s Conditions Options come in handy when you’re creating a members only area or using marketing techniques like gated content or downloads. Using Condition Options you can choose to display certain content to certain users based on whether they are logged in, logged out, or what user role they have.<\/p>\n

\"\"<\/p>\n

Learn More<\/strong>:<\/p>\n