Ele Conditions for Elementor for WordPress Plugin Directory

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.