Ele Conditions for Elementor

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.