The ElementsKit Conditional Content Module lets you show or hide specific website content based on defined conditions such as user role, login status, device, browser, date, or time. It helps personalize content visibility dynamically without coding.

Quick Steps:

1. Enable it: ElementsKit → Modules → Conditional Content
2. Edit a section/widget in Elementor
3. Go to Advanced → ElementsKit Conditions → Enable Condition
4. Set rules (e.g., Login Status = Logged In)
5. Update and preview

Goal: Show a special message only to logged-in users

• Display on: All Conditions Met
• Condition:
  • Action: Login Status
  • Operator: Is
  • Value: Logged In

Result: Only logged-in users will see the content, while others won’t.

It’s a simple way to control content visibility and personalize user experience using rules.

Watch the video:

How to use ElementsKit Conditional Content Module #

Learn how to apply conditional visibility to you website content in 3 steps using ElementsKit Conditional Content Module .

Step 1: Turn on the Conditional Contents Module of ElementsKit #

You must turn on the Conditional Content module of ElementsKit before you can leverage it on your website.

To turn on the module, go to ElementsKit ⇒ Modules ⇒ Conditional Content. Make sure the toggle option of Conditional Content is turned on and click on Save Changes to update the status.

Step 2: Enable Conditional Content to ElementsKit #

While you can apply this content to any small content, image, or widget, for this doc, I am going to apply the conditional content to an inner section.

For this –

1. Click on the six dots to go to the settings for that inner section
2. Then move to the Advanced Tab
3. Scroll down to the ElementsKit Conditions section and Turn on the Enable Condition option

Step 3: Apply Conditions #

After you enable the condition, you will find two options; Display on and Conditions. 

• Display on –
  • All Conditions Met: Choose the option if you want all your content to display only when all the conditions are true.
  • Any Condition Met: Select Any Condition Met if you want your content to display when any of the conditions you added are true.

• Conditions: To choose a condition you need to set three options.

• Select the action such as Login status, User role, Operating system, Browser, Date, Day, and Time etc.

• Choose Is/ Is not.

• On the third dropdown, you need to choose the value for the action. You will find value options relevant to the action you choose from the first dropdown. For example, Logged for Login Status, Subscriber, Author, Editor, etc. for User Role, Mac OS, Ubuntu, Linux, etc. for Operating system, and so on.

To add a new condition, click on the + ADD ITEM. You can add as much content as you want.

For example, here I am going to choose a display on “All Conditions Met”. Then select “Login Status” “Is” “Logged In”. So, the content will be visible only to the users who are logged in. 

Step 3: Update and Preview #

Once you set the conditions, click on Update to save all the changes. Now you should see the conditions you set on that page.

Here is a demo.