Want to trigger an Elementor popup by clicking on an image, text block, or any other custom element instead of a standard button? You can do that with the Popup Builder widget in The Plus Addons for Elementor by using a unique CSS class as the trigger selector.
This gives you full control over what opens and closes your popup, so any element on the page can act as a trigger.
Best Used For:
- Landing pages where a product image click should open a popup with more details
- Portfolio sites where clicking on a project card opens a fullscreen popup gallery
- Service pages where clicking an icon or text label opens a contact or booking popup
To check the complete feature overview documentation of The Plus Addons for Elementor Popup Builder widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated.
To do this, add the Popup Builder widget and the element you want to use as the popup trigger (for example, an Elementor Image widget) to the page.
First, select the Image widget, go to the Advanced tab, and enter a class name in the CSS Classes field.
Next, select the Popup Builder widget and go to Display Options > On Any Other Element’s Click. Click the pencil icon, then in the Unique Class (Open) field, enter the same class name you added to the Image widget.
When a visitor clicks the image, the popup will open.
You can use the same approach to close the popup with a custom element. Add a different class name to any widget, then enter that class in the Unique Class (Close) field. This is useful when you want a custom close trigger instead of the default popup close button, for example on a fullscreen overlay where the standard close icon is not prominent.
To explore other popup trigger options, see how to add an Elementor login register popup for a ready-built user authentication popup with its own trigger settings.
Note: Make sure there are no popup trigger elements on the page, so set the Select Option to Hidden in the Content tab.
Also read, how to open a popup on button link click in Elementor
