Ele Conditions for Elementor

Description

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.