Conditions Widget for Elementor
The Conditions widget lets you show or hide elements based on custom rules or interactions. Easily control what appears on your page depending on triggers, user actions, or other conditions.
Trigger Types
Control When Actions Come Alive
Define when the interaction should be activated. These triggers determine the exact event that causes your action to run.
Click
Fires when a user clicks an element, typically used to start or toggle interactive behavior.
Mouse Enter
Fires when a pointing device moves onto the element’s area, enabling hover-based interactions or animations.
Mouse Leave
Fires when the pointer leaves the element’s area, allowing transitions or effects to revert automatically.
Focus
Fires when an element gains focus through a mouse click or keyboard navigation, often for input or accessibility.
Blur
Fires when an element loses focus, signaling the end of user interaction or input.
Keydown
Fires when any key is pressed down on the keyboard, allowing actions to respond instantly to user input.
Day of the Week
Fires when the current day matches a selected day, allowing content or actions to change automatically based on the day of the week
Time of the Day
Current Date
ACF Field
Is Logged In User
User Role
Fires when the current user's role matches a specified condition, allowing content or actions to be tailored to different permission levels such as admin, editor, or subscriber.
Page Load
On Page Exit Intent
URL Match
Action Types
Decide What Happens After Interaction
Define what happens once the trigger runs. These actions specify the behavior or change applied to your target element.
Show
Makes the target element visible by adjusting its display or opacity state.
Hide
Conceals the selected element and removes it from view.
Toggle
witches the element between visible and hidden states.
Add Class
Adds a CSS class to change styling or behavior.
Remove Class
Removes a CSS class to reset style or state.
Toggle Class
Adds or removes a CSS class dynamically on interaction.
Remote Next
Moves to the next item within the same connected widget.
Remote Previous
Moves to the previous item within the same connected widget.
Remote Go to Item
Jumps directly to a specific item in the same connected widget.
Open Simple Popup
Opens a Simple Popup widget overlay instantly, displaying content in a focused layer above the current page without navigating away.
Toggle Simple Popup
Close Simple Popup
Open Side Menu
Close Side Menu
Toggle Side Menu
Open Fullscreen Menu
Close Fullscreen Menu
Toggle Fullscreen Menu
Open Liquid Menu
Opens the Liquid Menu, smoothly revealing navigation or content with a fluid animated transition.
Close Liquid Menu
Toggle Liquid Menu
Switches the Liquid Menu between open and closed states, triggering its fluid animated transition in either direction with a single action.
Open Offcanvas
Close Offcanvas
Toggle Offcanvas
Step by Step Tutorial
Learn How It Works?
Learn how to use the Conditions Widget with this video tutorial. Master each step at your own pace effortlessly.
Conditions Widget Frequently Asked Questions
The Conditions Widget for Elementor, available in the Unlimited Elements plugin, lets you show or hide elements based on custom rules or interactions. You can control what appears on your page depending on triggers, user actions, or other conditions making your website more dynamic, personalized, and interactive.
Yes, the Conditions Widget is available for free in the Unlimited Elements plugin. You can access and use this widget in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.
To add the Conditions Widget to your Elementor site, follow these steps:
- Install and activate Unlimited Elements for Elementor.
- Go to Unlimited Elements > Widgets in the WordPress Dashboard.
- Search for the Conditions Widget and click "Install."
- The widget will now be available in the Elementor editor, ready to be added to any page.
Yes, the Conditions Widget allows you to fully customize the rules and conditions. You can set triggers, define when elements appear or disappear, and create tailored interactions based on user behavior or specific conditions.
Yes, the widget supports combining multiple rules to create advanced conditional logic. You can layer different conditions together to design more complex and interactive content behavior.
Absolutely! The Conditions Widget works seamlessly with all Elementor and Unlimited Elements widgets. You can connect it to buttons, images, forms, text, and more to control their visibility and create interactive experiences.
Yes, using dynamic conditions helps you show users only the content they need at the right time. This makes your website feel smarter, more personalized, and easier to navigate, which improves overall user experience and engagement.
The Conditions Widget allows you to trigger actions such as showing, hiding, or toggling elements, adding or removing CSS classes, opening or closing Elementor popups, using remote connection controls like next or previous, and managing simple popups. These actions make it easy to create dynamic and interactive behavior on your Elementor pages.
