Show/hide Elementor widgets or sections based on user role, user meta, user logged in or not and many more.

George Tudor

SeventhQueen

StaxWP

codezz

Robert

Kieran

<p>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.</p>
<p>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.</p>
<h4>Free Features</h4>
<ul>
<li>NEW – Flex container visibility restrictions support</li>
<li>User Meta content restriction</li>
<li>Restrict content based on User Browser (Chrome, Mozilla, Safari, etc)</li>
<li>Date & Time restrictions for content</li>
<li>Hide a whole section if all widgets inside it are hidden using visibility settings (Works with nested sections/containers too)</li>
</ul>
<h4>PRO Features</h4>
<ul>
<li>Geo Location – Use MaxMind to dynamically display elements based on user’s country.</li>
<li>Dynamic conditions – Restrict Elementor widgets and sections based on all Elementor Pro Dynamic tags.</li>
<li>WooCommerce Users – Restrict based on user’s order/subscription</li>
<li>Easy Digital Downloads Users – Restrict based on user’s order/subscription</li>
<li>Advanced User Meta – Support for multiple user meta conditions with And/Or condition.</li>
<li>Post & Page, Taxonomy, URL Parameter content restriction.</li>
<li>Archive restrictions based on Post types and taxonomies.</li>
<li>IP & Referrer restrictions.</li>
<li>WordPress Conditional Tags restrictions.</li>
<li>Fallback – Allows you to replace a hidden element with a text message or an Elementor template.</li>
<li>Copy/Paste visibility settings between widgets or sections by right-clicking an element.</li>
</ul>
<p>Find more about our <a href="https://staxwp.com/go/visibility-logic" rel="nofollow ugc">Pro version</a>.</p>
<p>Other restriction options to come. Suggestions are welcomed.</p>
<p>Here is how you will find the Elementor visibility restrict settings:<br />
1. Open a page with Elementor<br />
2. Go and select any widget from the page<br />
3. Go to Advanced – Visibility control<br />
4. Here you will find the restriction settings for your element.</p>
<h4>More from StaxWP</h4>
<ul>
<li><a href="https://staxwp.com/go/buddybuilder" rel="nofollow ugc">BuddyBuilder – BuddyPress Builder for Elementor – Plugin</a><br />
Create stunning communities on your site powered by Elementor and BuddyPress</li>
<li><a href="https://staxwp.com/go/addons-for-elementor" rel="nofollow ugc">Elementor Addons, Widgets & Enhancements – Plugin</a><br />
Powerful Elementor widgets to help you build stunning pages</li>
<li><a href="https://staxwp.com/go/woo-addons-for-elementor/" rel="nofollow ugc">Woo Addons for Elementor – Plugin</a><br />
Elementor enhancements for Woocommerce to help you build awesome e-commerce sites</li>
</ul>
<h4>Privacy Policy</h4>
<p>We use Appsero SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements.</p>
<h4>Found a bug?</h4>
<p>You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team help validate, triage and handle any security vulnerabilities. <a href="https://patchstack.com/database/vdp/visibility-logic-elementor" rel="nofollow ugc">Report bug</a>.</p>
<h3>Credits</h3>
<p>This plugin implements some functionality similar to:<br />
* Dynamic Content for Elementor (GPL v2 or later)</p>


Alternatives to Visibility Logic for Elementor

Top alternatives