Visibility Logic for Elementor

Edit your page with Elementor, select any widget, go to the Visibility tab, enable Visibility Logic, then open the User Role section. Select the roles you want to target (e.g., Administrator, Subscriber, Guest). You can choose to show or hide the element when the condition is met, including common setups such as hide Elementor by user role or show a section only to logged in members.

Yes. Enable Visibility Logic on any widget, section or container, go to User Role conditions and select “Logged in users”. The element will only be visible to authenticated users. Guests will see nothing (or a fallback message with Pro).

Use the Date Time condition. You can set a “From” and “To” date to display content only during a specific period. This is useful for sales, events, promotions or limited-time offers. All times are based on your WordPress server time.

Yes. Visibility Logic fully supports Elementor’s Flexbox containers, classic sections, and nested containers. You can also enable “Hide when empty” on a container to automatically hide it when all child widgets are hidden by visibility conditions.

Yes. You can enable multiple condition types at once (e.g., User Role + Date Time). In the General settings, choose All (all conditions must be met) or At least one (any single condition triggers the action). The Pro version extends this with advanced AND/OR logic for user meta conditions.

Yes! The free version supports ACF (Advanced Custom Fields) visibility on the current post or page with 7 operators. The Pro version extends ACF support with repeater fields, options pages, user fields, term meta, and AND/OR logic with 17 operators.

Yes. The Device Type condition detects Desktop, Tablet, and Mobile visitors using server-side User-Agent detection. Unlike CSS-based solutions, hidden elements are completely removed from the HTML, not just visually hidden.

Geolocation-based visibility is available in Visibility Logic Pro . It uses MaxMind to detect the visitor’s country and dynamically show or hide elements for localized offers, compliance notices, or region-specific content.

The Pro version includes WooCommerce conditions: restrict content based on a user’s order history, active subscriptions, or customer status. Perfect for showing exclusive content to paying customers.

By default, hidden elements are completely removed from the page HTML. If you need the HTML to remain in the DOM (hidden via CSS), enable the Keep HTML / Hide by CSS option. The Pro version also offers a Fallback feature to replace hidden elements with a custom message or an Elementor template.

No. Visibility Logic processes conditions server-side during page render with minimal overhead. Hidden elements are removed before the page is sent to the browser, so there’s no extra HTML, CSS, or JavaScript loaded for hidden content.

Visibility Logic automatically disables Elementor’s element caching for pages that use visibility conditions, ensuring dynamic content renders correctly. For full-page caching plugins (WP Rocket, LiteSpeed, etc.), make sure to exclude pages with user-specific conditions from the cache or use the “Keep HTML / Hide by CSS” option with client-side cache.