WordPress has a default editor — Gutenberg — to make site creation gets easier, but Elementor takes the experience of creating a website to the next level thanks to its intuitive visual editor. In Elementor, you can add dynamic content and set display conditions. With display conditions, you can set a certain element to show up only when it meets certain parameters. Unfortunately, the default options of dynamic conditions are limited in Elementor. You can only show/hide an element by device type.
To add more advanced display conditions — say to show a button for logged in users only — you need an assist from an add-on. We have curated the Elementor add-ons that you can use to add advanced display conditions.
1. JetEngine
JetEngine is a versatile Elementor add-on from Crocoblock. You can use it to create custom post type and custom fields. JetEngine also comes with features to set display conditions. You can, for instance, use JetEngine to show an Elementor widget for logged in users only. You can also show/hide an element by post ID, and user role. The display condition feature of JetEngine can be applied to section and widget. JetEngine works based on modules. To use its display condition feature, you need to enable a module called Dynamic Visibility for Widgets and Sections.
2. Happy Addons
Happy Addons is an Elementor add-on that offers several solutions at once. First, it comes with tens of widgets to allow you to add creative elements to your Elementor-powered pages. Second, it comes with a mega menu builder in case you want to create a mega menu on your site. Third, Happy Addons allows you to create modal popups. And lastly, you can use Happy Addons to show/hide elements on Elementor by certain parameters. Here are the parameters supported by Happy Addons’ advanced display conditions feature:
- Login status
- User role
- Operating system
- Web browser
- Date range
- Date
- Time
- Day
Since Happy Addons has a modal popup builder feature, you can use the parameters above to create a more targeted popup. For instance, you can use the date range or date parameters to create a promotional popup on a special day. Unlike JetEngine which is released as a paid add-on, Happy Addons is released as a freemium add-on. The advanced display conditions are available on the pro version of Happy Addons.
3. Dynamic Visibility
Looking for a free solution to hide an element on Elementor? Dynamic Visibility is an add-on you can give a try. The add-on adds a new tab on the Elementor settings panel which you can click to access the display conditions feature. Display conditions can be applied to a section, column, and widget. You can show/hide elements based on the following parameters:
- User role
- Web browser
- Date
- Time
- Terms (categories, tags, etc.)
4. Visibility Logic for Elementor
Visibility Logic for Elementor is another free solution to show/hide an element on Elementor. The free version of the add-on allows you to show/hide an Elementor widget and section (it doesn’t support column) based on the following parameters:
- User role
- Login status
- Date
- Web browser
- User meta
The pro version supports more parameters like IP address, WooCommerce users, Easy Digital Downloads users, and more. The way Visibility Logic for Elementor works is pretty similar to Dynamic Visibility above whereby it adds a new tab on the settings panel to access the condition settings.
5. PowerPack
PowerPack is another Elementor add-on that comes with advanced display conditions. However, you need to use the pro version to use the feature. Here are the parameters you can add set when adding advanced display conditions using PowerPack:
- Login status
- User role
- Operating system
- Web browser
- Search bot
- Date
- Post
The Bottom Line
When creating a page with Elementor for your WordPress site, not only you can add static elements, but you can also add dynamic content. Also, you can set display conditions to make a certain element to show up only on certain conditions. For instance, you might want a button to show up only when a user log in. Since the default feature of Elementor only allows you to show/hide element by device type, you need the assist from an add-on to add advanced display conditions. The add-ons we mentioned above allow you to add advanced display conditions in Elementor.