Can Elementor Show or Hide an Element Conditionally?

How Conditional Display Works

Rather than duplicating a page for different audiences, a single element's visibility can be tied to a condition evaluated when the page loads — whether a visitor is logged in, belongs to a specific user role, is browsing on a specific device (handled separately through responsive visibility settings), or the current date falls within a set range. This keeps one page maintainable while still customizing what different visitors actually see.

Common Use Cases

• Showing different content to logged-in versus logged-out visitors, like a "My Account" link only for logged-in users.
• Displaying a promotional banner only within a specific date range, automatically hiding it once the promotion ends without manual removal.
• Role-specific content, showing wholesale pricing or specific messaging only to a particular customer group on a WooCommerce site.
• More complex conditional logic (based on custom fields, specific query parameters, or other advanced rules) generally needs a dedicated conditional-logic plugin beyond what's built into core Elementor Pro.

Setting Up Conditional Display

1. Select the element and locate its display/visibility conditions setting.
2. Configure the specific condition (role, login status, date range) that should control visibility.
3. Test as different user types to confirm the element behaves as expected in each scenario.
4. Consider a dedicated conditional-logic plugin for rules beyond what's natively supported.

Need conditional content logic set up correctly? See Elementor customization.