---
title: "How to show Elementor Popup on link Click of other Element using selector?"
url: https://theplusaddons.com/docs/elementor-popup-on-other-element-click/
date: 2023-02-09
modified: 2026-07-01
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-show-Elementor-Popup-on-link-Click-of-other-Element-using-selector_-1024x536.jpg
word_count: 377
---

# How to show Elementor Popup on link Click of other Element using selector?

## 

- Utilizes the Popup Builder widget from The Plus Addons for Elementor to create custom trigger elements for popups.
- Requires adding a unique CSS class to the Elementor Image widget to link it with the Popup Builder widget.
- Enables closing popups using a button widget by applying a unique class, ensuring no default popup triggers are present on the page.

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](https://theplusaddons.com/docs/popup-builder-elementor-widget-settings-overview/).*

***Requirement – This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/popup-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

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.

![image widget class](https://theplusaddons.com/wp-content/uploads/2023/02/image-widget-class.png)

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.

![](https://theplusaddons.com/wp-content/uploads/2023/02/popup-builder-open-class-new.png)

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](https://theplusaddons.com/docs/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](https://theplusaddons.com/docs//open-popup-on-button-click-in-elementor/)