Show or hide Elementor widgets or sections based on various conditions like: User is logged in, User has a specific meta, The day is Wednesday, The time is between X and Y, The user is using Firefox browser, and many more.
The visibility settings will only affect widgets rendering in the frontend. While you are inside Elementor editor you will be able to see all of them.
- NEW – Flex container visibility restrictions support
- User Meta content restriction
- Restrict content based on User Browser (Chrome, Mozilla, Safari, etc)
- Date & Time restrictions for content
- Hide a whole section if all widgets inside it are hidden using visibility settings (Works with nested sections/containers too)
- Geo Location – Use MaxMind to dynamically display elements based on user’s country.
- Dynamic conditions – Restrict Elementor widgets and sections based on all Elementor Pro Dynamic tags.
- WooCommerce Users – Restrict based on user’s order/subscription
- Easy Digital Downloads Users – Restrict based on user’s order/subscription
- Advanced User Meta – Support for multiple user meta conditions with And/Or condition.
- Post & Page, Taxonomy, URL Parameter content restriction.
- Archive restrictions based on Post types and taxonomies.
- IP & Referrer restrictions.
- WordPress Conditional Tags restrictions.
- Fallback – Allows you to replace a hidden element with a text message or an Elementor template.
- Copy/Paste visibility settings between widgets or sections by right-clicking an element.
Find more about our Pro version.
Other restriction options to come. Suggestions are welcomed.
Here is how you will find the Elementor visibility restrict settings:
1. Open a page with Elementor
2. Go and select any widget from the page
3. Go to Advanced – Visibility control
4. Here you will find the restriction settings for your element.
More from StaxWP
- BuddyBuilder – BuddyPress Builder for Elementor – Plugin
Create stunning communities on your site powered by Elementor and BuddyPress
- Elementor Addons, Widgets & Enhancements – Plugin
Powerfull Elementor widgets to help you build stunning pages
- Woo Addons for Elementor – Plugin
Elementor enhancements for Woocommerce to help you build awesome e-commerce sites
We use Appsero SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements.
- Upload the plugin to your ‘wp-content/plugins’ directory
- Activate the plugin
- Edit a page using Elementor
- Select an existing element or add a new one.
- Go to Stax Visibility tab.
- Enable conditions and set your restrictions for the Elementor widget or section.
- That is it 🙂
Contributors & Developers
“Visibility Logic for Elementor” is open source software. The following people have contributed to this plugin.Contributors
“Visibility Logic for Elementor” has been translated into 7 locales. Thank you to the translators for their contributions.
Translate “Visibility Logic for Elementor” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
- Fix Elementor deprecation warnings
- Fix Datetime render
- Add support for Elementor’s experimental containers
- Fix user meta when selecting data from the user table; eq. email.
- Fix require plugin message display in admin page
- Register query control – use to register_control method for previuous Elementor versions compatibility.
- Fix state markers for applied options in Elementor editor
- Add support for new Pro options
- Fix css render for hiding sections
- Added new variation for Date & Time option – Weeks Days + Time
- Fixed a bug on Date & Time option where server time was not fetch correctly. fixed date-time condition over midnight
- Tested on WP 5.9
- Improved admin UI
- Fix error when using Elementor version older than 3.3.0
- New Section option: Hide section when all the widgets inside it are hidden
- Fix printed styles for hidden elements of the same type.
- Added extra compatibility with Visibility Logic Pro older versions
- Added Enabled/Disabled icons on all sections to inside Stax Visibility tab to see at a glance which options are in use.
- Added Dynamic conditions based on all Elementor Pro Dynamic tags (in PRO version)
- Date and time conditions UI improvement to show current server time in editor
- Fix Section restriction when used with Hide HTML option
- Fix integration with Paid Memberships Pro plugin for section restrictions
- Improved logic and fixed Condition type when set to “At least one” to match the restrictions
- Improvement: Added AJAX control for User meta select to improve editor speed
- Fix Fallback text so it shows correct escaped HTML
- Moving from version 1.2.0 is won’t change anything on your site. We added safe fallback settings for older setting from v1. Old settings are now being taken into consideration and are available in the Widget settings. You can switch to nee new settings if you like or just leave those in place.
- Added more User meta conditional operators
- Added icon next to Widgets and Sections with conditions enabled in Elementor editor
- Admin settings page improvements
- Update migration logic to be less memory demanding
- New free feature : User Meta content restriction
- New free feature: Restrict content based on User Browser(Chrome, Mozilla, Safari, etc)
- New free feature: Date & Time restrictions for content
- Old settings migration logic update for inner elements.
- Make the settings migration automatic on plugin update.
- Fix PHP version compatibility in Updates logic
- Code logic refactoring and introducing Pro features.
- Fixed the edge case when you combined hiding elements for guests and user role
- Made the selectors full width since there was a bug with Select2 control
- Made changes to the hiding logic and the element is fully hidden, no extra empty wrapping divs shown
- Visibility settings added for Section
- Added translation pot file
- Initial release
Be a contributor
If you want to contribute, go to our GitHub Repository.
You can also add a new language via translate.wordpress.org.