Visibility Logic for Elementor Pro 2.3.2

Visibility Logic for Elementor (often by StaxWP) is a powerful extension that allows you to show or hide Elementor widgets and sections based on specific rules.

While Elementor Pro (as of version 3.20+) has introduced its own native "Display Conditions," the Visibility Logic plugin is often used as a more robust alternative or as a way to get advanced conditional features on the free version of Elementor.

Key Features

This plugin adds a "Stax Visibility" or "Visibility Logic" tab to the Advanced settings of any Elementor element.

User-Based Rules: Show content only to logged-in users, specific User Roles (e.g., "Customer" vs. "Subscriber"), or based on specific User Meta values.

Time & Date: Schedule elements to appear during a sale (e.g., "Show this banner only on Friday") or between specific hours.

Browser & Device: Hide or show elements if a user is on a specific browser (Chrome, Firefox, Safari) or operating system.

WooCommerce Integration (PRO): Create a personalized shopping experience by showing widgets based on a user’s purchase history, total spent, or active subscriptions.

Geo-Location (PRO): Use IP detection (via MaxMind) to show different content to users from different countries.

Dynamic Tags (PRO): Link visibility to any Elementor Dynamic Tag, such as ACF (Advanced Custom Fields) or Pods data.

Visibility Logic Plugin vs. Native Elementor Pro Conditions

Since 2024/2025, Elementor Pro has built-in conditions. Here is how they compare:

Feature

Elementor Pro (Native)

Visibility Logic (Plugin)

Price

Included in Pro

Free version available / Paid Pro

Logic Complexity

AND/OR groups (added in v3.20)

Advanced AND/OR nesting

Browser/OS Detection

Limited

Comprehensive

Geo-Location

Requires custom code

Native feature (in Pro plugin)

WooCommerce

Basic (Login status)

Advanced (Purchase history/Total spent)

Fallback Content

None (Just hides)

Can show a "Fallback" template instead

Use Cases

Membership Sites: Hide the "Join Now" button for users who are already members and show them a "Member Dashboard" link instead.

Flash Sales: Set a countdown timer and a "Buy Now" section to automatically disappear the second the sale ends.

Local Promotions: Use the Geo-Location feature to show a "Free Shipping in London" banner only to visitors with a UK IP address.

Personalized Marketing: Show a "Welcome Back" message to users who have placed more than 3 orders in your WooCommerce store.

Important Note on Performance

Visibility Logic works at the server level (PHP) before the page is sent to the user. This is better for SEO and Security than using CSS to hide elements (display: none), because the hidden content is never actually rendered in the source code for unauthorized users.

Would you like me to help you set up a specific logic rule, such as showing a section only to users who have spent over $100 in your store?