Visibility Logic for Elementor

Visibility Logic adds powerful conditional display conditions to every Elementor widget, section, and container. Control exactly who sees what, when, and on which device — without writing a single line of code.

Hidden elements are completely removed from the HTML (not just hidden with CSS), keeping your pages fast and your content secure.

When to use Visibility Logic

• Restrict content to logged-in users, specific roles, or subscribers
• Schedule content to appear during a sale, event, or launch window
• Personalize pages based on user meta, ACF custom fields, or device type
• Show/hide elements for Desktop, Tablet, or Mobile visitors
• A/B test layouts by showing different content to different user segments
• Hide empty sections automatically when all child widgets are hidden

Free Conditions

• ACF Fields (NEW) — Show/hide based on Advanced Custom Fields values on the current post or page. 7 operators: is empty, is not empty, equals, not equals, contains, is true, is false.
• Device Type (NEW) — Target Desktop, Tablet, or Mobile users with server-side User-Agent detection. Hidden elements are fully removed from HTML.
• User Role — Logged in, logged out, or specific roles (Administrator, Editor, Subscriber, custom roles).
• User Meta — Show/hide based on any user meta field value.
• Date & Time — Schedule visibility with “from” and “to” dates. Perfect for sales, events, and time-limited content.
• Browser Type — Target Chrome, Firefox, Safari, Edge, Opera, iPhone, Android, and more.
• Flexbox Containers — Full support for Elementor’s Flexbox containers, classic sections, and nested containers.
• Hide When Empty — Automatically hide a parent section/container when all child widgets are hidden by visibility conditions.

PRO Conditions

• Advanced ACF — Repeater fields, options page, term meta, user fields, specific post/user sources, AND/OR logic with 17 operators.
• Language — Show/hide based on current language. Supports WPML, Polylang, and TranslatePress.
• URL Parameters — Standalone query string conditions with repeater support and 9 operators.
• Geo Location — Display elements based on visitor’s country using MaxMind geolocation.
• Dynamic Conditions — Use all Elementor Pro Dynamic Tags as visibility conditions.
• WooCommerce — Restrict content based on order history, active subscriptions, or customer status.
• Easy Digital Downloads — Restrict based on purchase history or subscription status.
• Advanced User Meta — Multiple user meta conditions with AND/OR logic.
• Post & Page, Taxonomy — Show/hide based on current post type, specific pages, or taxonomy terms.
• Archive — Conditions based on post type archives and taxonomy archives.
• IP & Referrer — Target visitors by IP address or referral source.
• WordPress Conditional Tags — Use any WordPress conditional tag as a visibility condition.
• Fallback Content — Replace hidden elements with a custom text message or an Elementor template.
• Copy/Paste — Right-click to copy visibility settings between widgets or sections.

Get Visibility Logic Pro and unlock all conditions.

How it works

1. Edit any page with Elementor
2. Select a widget, section, or container
3. Go to the Visibility tab (or Advanced → Visibility Control)
4. Enable conditions and configure your display rules
5. Save — elements are shown or hidden on the live site based on your rules

More from StaxWP

• BuddyBuilder — BuddyPress Builder for Elementor — Build stunning BuddyPress communities with Elementor.
• Elementor Addons & Widgets — Powerful widgets to help you build stunning pages.
• Woo Addons for Elementor — Elementor enhancements for WooCommerce.

Privacy Policy

We use Appsero SDK to collect some telemetry data upon user’s confirmation. This helps us troubleshoot problems faster and make product improvements.

Found a bug?

Read the full description on the official page →