Ele Conditions adds two powerful systems to every widget and section in Elementor — trigger actions on click, scroll, hover or exit, and show or hide elements based on user role, time, UTM parameters and more.
Ele Conditions lives in Elementor’s Advanced tab. Use Triggers & Actions for client-side interactivity, and Display Conditions for server-side rendering rules where hidden content never reaches the browser.
Attach triggers to any element and fire actions when visitors click, scroll, hover, wait, or try to leave the page.
Show or hide elements based on role, time, UTM parameters, ACF values, user meta or any custom WordPress variable.
Target any element on the page with a CSS selector — or leave the field empty to act on the element itself. Build reveals, toggles, scroll effects, exit offers and lightweight A/B tests without writing JavaScript.
Triggers: Click, Hover, Delay on load, Scroll into view, Time on page, Exit intent, First visit, Nth visit, A/B Group A and A/B Group B. Actions: Show, Hide, Toggle, Add Class, Remove Class, Toggle Class, Scroll To, Focus and Close Others in Group.
On element click. Great for custom toggles, accordions and reveal interactions.
On mouse enter. Use it for progressive disclosures and richer hover states.
Visitors are randomly assigned to group A or B and stay consistent via localStorage.
Attach server-side rules to any Elementor element. The element is shown only when all conditions pass; otherwise it is completely removed from the HTML.
Compare built-in or custom variables using ==, !=, >, <, contains, starts_with, empty and more.
Show an element only between specific hours, including cross-midnight ranges like 22:00 to 06:00.
Schedule elements to appear and disappear on specific dates, down to the minute.
Combine multiple conditions per element with all-must-pass or any-can-pass logic.
Pick Advanced Custom Fields values from a searchable dropdown.
Condition on WordPress user meta keys or campaign parameters such as source, medium and term.
Editors and admins can see evaluated variable values in a red-bordered overlay.
Use WordPress context directly in conditions: user state, post state, date and time, WooCommerce cart values, UTM campaign data and request variables.
user_role · user_id · is_logged_in
post_type · post_status · post_author · post_age_days · post_word_count · thumbnail · comments
current_hour · current_day · current_month · current_year · current_date
utm_source · utm_medium · utm_campaign · utm_content · utm_term · custom GET variables
Show a sticky CTA bar only after the visitor scrolls past the hero section.
Display a last-chance offer when the visitor moves toward closing the tab.
Build a custom FAQ accordion, toggle answers and close others in the group.
Add a CSS animation class when an element scrolls into view.
Show different headlines, offers or CTAs to randomly split audiences.
Open any widget, section or container in Elementor, go to the Advanced tab, then scroll to Ele Conditions and Triggers.
Yes. Elementor Pro is not required.
Yes. Enter any CSS selector in the Target field, such as .my-popup or #hero-cta. Leave it empty to act on the element itself.
On first load, visitors are assigned to group A or B. The assignment is saved in localStorage and stays consistent across sessions and page loads.
Yes. It works with widgets, classic sections and flex containers.
Display conditions are server-side, with no JavaScript overhead. The triggers script is a small IIFE loaded in the footer only when a page has trigger elements.
Yes. It is GPL-2.0-or-later and free forever.
Every variable in Ele Conditions is filterable. Register your own value in functions.php, then select Custom in the Variable dropdown and type your key.
