Ele Conditions for Elementor turns static Elementor elements into interactive, context-aware components — without writing a single line of code.

There are two independent systems, both accessible from the Advanced tab of any widget, section, or container:

⚡ Triggers & Actions (client-side, no page reload)

Attach one or more trigger action pairs to any element.

10 trigger types:

Click — user clicks the element
Hover — user hovers over the element
Delay on load — fires after X milliseconds from page load
Scroll into view — fires once when the element enters the viewport
Time on page — fires after X seconds the visitor has been on the page
Exit intent — fires when the cursor moves toward closing the tab
First visit — fires only on the visitor’s very first page load (localStorage)
Nth visit — fires on the Nth page load (visit counter in localStorage)
A/B Group A / B — fires for visitors randomly assigned to group A or B (persists via localStorage)

9 action types:

Show — make the target element visible
Hide — hide the target element
Toggle — toggle visibility on each trigger
Add / Remove / Toggle Class — apply a CSS class (great for CSS animations)
Scroll To — smooth-scroll the page to the target element
Focus — set browser focus on the target (input fields, etc.)
Close Others in Group — hide all siblings sharing a CSS class (accordion pattern)

Target selector: leave empty to act on the element itself, or enter any CSS selector to act on another element anywhere on the page.

Hide Initially: a dedicated switcher that hides the element on load independently of triggers — useful for elements revealed by a trigger.

🎛 Display Conditions (server-side, evaluated at render time)

Show or hide elements based on variables, rules, and time windows. Multiple conditions per element with AND / OR logic.

Built-in variables include: user_role, is_logged_in, user_id, post_type, post_status, post_age_days, post_word_count, post_has_thumbnail, cart_count, cart_total, current_hour, current_day, current_month, current_year, utm_source, utm_medium, utm_campaign, utm_content, utm_term, and more.

Condition types:

Simple — compare a variable to a value using ==, !=, >, <, >=, <=, contains, starts_with, ends_with, empty, not_empty
Time interval — show element only between two times of day (supports cross-midnight ranges)
Date/datetime interval — show element only within a date or datetime window

Custom variables — register your own variables via the eleconditions_vars filter in your theme’s functions.php.

ACF support — pick any ACF field from a searchable dropdown; the value is fetched at render time.

User meta — condition on any WordPress user meta key for the current visitor.

Debug mode — shows a red-bordered overlay with the evaluated variable values, visible only to editors and administrators.

Developer-friendly

Zero dependencies beyond Elementor
Fully filterable variable system
No inline styles injected into saved content — everything is evaluated at render

Note: Requires the free Elementor plugin.