Conditional content for Elementor

Set up conditional Elementor Elements or Sections. Simply click the element and select a condition from the list.

Elementor is great, but it can be even better! The If-So & Dynamic Content for Elementor Integration allows you to display elementor elements based If-So conditions. No coding is required! Simply set a condition and the element (or section) will be displayed only if it is met.

A complete personalization solution!

Simple to use, dozens of conditions, and:

https://www.youtube.com/watch?v=C2Pvjh7aJJU

So▸Simple! Any Elementor Element or Section can be loaded based on conditions

With our Dynamic Content for Elementor Integration, you can set an If-So condition to any Elementor Element or Section. All you need to do is click the element and select a condition from the list.

 

Which conditions can I set with the Dynamic Content for Elementor Integration?

Each of the If-So conditions can be used to set up dynamic elements. This includes all the conditions offered by the core If-So Dynamic Content plugin and conditions added by integrations like WooCommerce, ActiveCampaign, LearnDash, and the other dozens of available integrations.

Click here for the full list of conditions.

 

Step-by-step: How to set dynamic Elementor content

1. Click any Elementor element or section.
2. Click the Advanced tab and open the “If-So Dynamic Content” section.
3. Select a condition from the list.

That’s it! If the condition is met, the element will not be displayed. (Unlike other solutions, it won’t be loaded to the site.)

Set up alternative content when the condition is not met

By default, if the condition is not met, the element will simply not be displayed. If you want to set content to be displayed if the condition is not met, you can click the “Default” tab and set alternative content.

 

Designing the default content using Elementor

If you’d like to design the default content using Elementor like you used to, instead of using the limited WYSIWYG editor, you can create the default content, save it as a template, and apply the template to the default content field using a shortcode. Scroll down to “Apply Elementor templates to an If-So trigger” to learn more (quick scroll).

 

Assigning Users to an Audience

The If-So Dynamic Content for Elementor integration allows you to provide a consistent user experience on your site by assigning the user to an audience and then showing dynamic content anywhere on your website to users assigned to that audience (based on a cookie).

To assign or remove users using the Dynamic Content for Elementor Integration, click the “Audiences” tab and select the audiences you want to assign or remove once a condition is met.

For more information and options for assigning users to an audience

Ajax Loading (Page Caching Compatibility)

If-So is entirely compatible with page caching. If you are using cache on your site, simply enable the Ajax Loading option (located below the condition). The dynamic content will be loaded using Ajax immediately after the rest of the page loads from the cache.

Note that because the content is loaded after the page loads from the cache, there will be a slight delay in the appearance of the dynamic content. In most cases, the delay is insignificant. If you find it too long, the alternative is to disable the page caching for the specific page with the dynamic content. (This is not recommended, of course.)

An alternative method for setting up dynamic content for Elementor – Creating an If-So trigger

In some cases, you might need or prefer to create your dynamic content using an If-So trigger instead of setting the condition directly at the element level. Such cases might include the following:

• You want to make use of If-So’s built-in analytics system.
• The condition you wish to use is available only with the use of triggers (A/B testing, schedule, start and end dates).
• You’d like to design content with Elementor as the default content that will be displayed when the condition is not met.

To create your content with Elementor and apply it to an If-So trigger, simply save your content as a template and insert it into your trigger using the template’s shortcode. The same method works if you want to apply the template to the default content field of another element.

Saving the content as a template

1. Create and design the section (or element).
2. Choose the section and right-click on the Edit Section button.
3. After you click on the section, a menu appears with a few options. Choose the Save as Template option. Give your template a proper name and save.

Applying the template to your trigger

1. On your WordPress dashboard, go to If-So > Add new Trigger.
2. Select a condition. You can add as many versions as you want, each with a different condition.
3. If you are using Elementor Pro, navigate to your WordPress Dashboard -> Templates -> Saved Templates. Copy the Shortcode for the template and paste it into one of your trigger’s versions.
   If you’re using the free version, you can look for a free third-party plugin (like piotnet) that will add the same functionality.
4. Publish your trigger.

Apply the trigger to your page using a text, title, HTML, or shortcode element. Alternatively, you can use our dedicated dynamic content element and select the relevant trigger. The advantage of using this option is that you’ll be able to see the trigger’s built-in analytics when you’re editing the page.

A short video showing how to do it