Visibility Logic Pro

Visibility Logic Pro conditions in Elementor

Visibility Logic Pro lets you control when Elementor widgets, sections, and containers appear, without writing code. Set conditions beside the content they control to show member-only sections, schedule sale or event content, personalize pages with stored data, vary layouts by device, or show region-specific information.

Choose the information a rule checks

The Pro edition adds conditions for language, URL parameters, user location, dynamic data, ecommerce activity, post context, archives, IP addresses, and referrers. Language conditions support WPML, Polylang, and TranslatePress. URL parameter conditions support repeaters and nine operators. MaxMind geolocation detects the visitor’s country, and Dynamic Conditions can use Elementor Pro Dynamic Tags as visibility conditions.

Commerce conditions depend on the platform. WooCommerce rules can check order history, active subscriptions, or customer status. Easy Digital Downloads rules support purchase history and subscription status. WordPress conditional tags can also control visibility.

• Advanced ACF: Use repeater fields, options pages, term meta, visitor fields, or specific post and user sources. Combine conditions with AND/OR logic and pick from 17 operators.
• Advanced user meta: Combine multiple user meta conditions with AND/OR logic.
• Post and archive targeting: Set rules for post types, specific pages, taxonomy terms, post type archives, and taxonomy archives.
• IP and referrer targeting: Set conditions based on a visitor’s IP address or referral source.

Elementor controls and hidden content

The add-on works with Elementor Flexbox containers, classic sections, nested containers, and widgets. Copy and paste visibility settings between widgets or sections to reuse configurations.

By default, a hidden element is removed from the HTML. Enable Keep HTML / Hide by CSS when its markup should remain in the document. Fallback content can replace a hidden element with a custom text message or an Elementor template. The Hide When Empty option hides a parent section or container when visibility conditions have hidden all of its child widgets, which can help with optional or audience-specific blocks.

Install and configure a condition

Install the extension and edit a page with Elementor. Select a widget, section, or container, then open the Visibility tab or go to Advanced > Visibility Control. Enable Visibility Logic, choose a condition, configure its rule, and save the page. The live website then shows or hides the element according to those settings.

Visibility conditions are processed server-side during page rendering. For pages with user-specific conditions and a full-page caching plugin, exclude those pages from the cache or use Keep HTML / Hide by CSS with client-side cache.