---
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-09-11
lang: en
author: "Aditya Sharma"
description: "Do you want an image, a heading, a menu link or several buttons to open the same popup? A CSS class turns any element into a trigger. The Popup Builder..."
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: 490
---

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

## 

- The Plus Addons for Elementor Popup Builder widget listens for clicks on any element that carries the same CSS class, so one popup opens from an image, heading, menu link, or several buttons.
- Popup Builder uses Content > Display Options > On Any Other Element's Click with Unique Class (Open), and the class name is entered without the dot; the example class is open-offer.
- Appearance > Menus supports popup triggers by enabling CSS Classes in Screen Options and adding the class to a menu item, while Unique Class (Close) lets a second class such as close-offer toggle the popup inside it.

Do you want an image, a heading, a menu link or several buttons to open the same popup? A CSS class turns any element into a trigger.

The Popup Builder widget in The Plus Addons for Elementor listens for clicks on whatever carries that class.

*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's installed & activated to enjoy all its powers.***

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

## Before You Start

- **Edition:** **Pro** — the Popup Builder widget is part of The Plus Addons for Elementor Pro. It does not appear in the widget panel of the free plugin.- **Widget to enable:** Popup Builder, switched on under **ThePlus Settings > Widgets**.

## Step 1: Give the element a class

Select the element that should open the popup. Go to **Advanced > CSS Classes** and enter a class name, such as `open-offer`. Add the same class to as many elements as you like; each one will open the popup.

## Step 2: Enter the class in the Popup Builder

Select the **Popup Builder** widget, open **Content > Display Options**, switch on **On Any Other Element's Click** and click the pencil icon. Type the class in **Unique Class (Open)** — **without** the dot.

![The Unique Class (Open) field inside On Any Other Element's Click](https://theplusaddons.com/wp-content/uploads/2026/09/tp-off-canvas-unique-class-open-wide-extraclick.webp)

## Step 3: Hide the built-in button

Set **Select Option** (Content > Content) to **Hidden** so no button or icon appears on the page — the popup opens by itself. Leave it on Call To Action or Icon if visitors should also be able to open it by clicking.

## Optional: a custom close element

Add a second class, such as `close-offer`, to a button inside the popup and enter it in **Unique Class (Close)**.

![The Unique Class (Close) field inside On Any Other Element's Click](https://theplusaddons.com/wp-content/uploads/2026/09/tp-off-canvas-unique-class-close-wide-extraclick.webp)

> *The Close class **toggles** the popup — clicked while the popup is closed, it opens it. Keep the close element inside the popup.*

## Adding a class to a menu link

In **Appearance > Menus**, open **Screen Options**, tick **CSS Classes**, and enter the class on the menu item. Clicking that menu item then opens the popup.

## Settings Reference

| Setting | Where | Default |
| ------- | ----- | ------- |
| On Any Other Element's Click | Content > Display Options | Off |
| Unique Class (Open) | On Any Other Element's Click options | Empty |
| Unique Class (Close) | On Any Other Element's Click options | Empty |

## Limitations

- **One class name per field.** Use the same class on every trigger instead of listing several.- **Class, not ID.** The field takes a class name only.- **Pro only.** The Popup Builder is not in the free plugin.

## Troubleshooting

### Clicking the element does nothing

Remove any dot from Unique Class (Open), check the spelling matches exactly, and test on the published page.

### The element's link no longer goes anywhere

That is expected: a click on a trigger opens the popup instead of following the link. Use a different element if the link must still work.

## Related Docs

- [Popup Builder widget: settings overview](https://theplusaddons.com/docs/popup-builder-elementor-widget-settings-overview/) — every control in the widget.- [Open a popup with its own button](https://theplusaddons.com/docs/open-popup-on-button-click-in-elementor/)- [Every way to close a popup](https://theplusaddons.com/docs/close-elementor-popup-with-esc-or-clicking-outside/)

## Frequently Asked Questions

**Q: How do I make one popup open from several different elements on a page?**
A: A single CSS class is the cleanest way to turn multiple elements into triggers. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH lets the Popup Builder widget listen for clicks on any element that carries the same class, so one popup can be opened from an image, heading, menu link, or several buttons. Use one shared class name like open-offer on every trigger element, then map that class in the popup settings.

**Q: What should I do if clicking the trigger element does nothing?**
A: The usual failure point is a class mismatch. The Unique Class (Open) field must contain the class name without a dot, and it has to match the element’s CSS class exactly. The page also says to test on the published page, which matters because editor-only behavior can hide click issues. In The Plus Addons for Elementor Popup Builder workflow, a small spelling difference is enough to stop the trigger from firing.

**Q: Can I use a menu link to open an Elementor popup on click?**
A: A menu item can act as a popup trigger when you add a CSS class to it in Appearance > Menus. The page notes that you need to open Screen Options and tick CSS Classes first, then enter the same class on the menu item. That makes the menu link behave like any other trigger element, so clicking it opens the popup instead of acting like a normal navigation link.

**Q: Should I hide the built-in popup button when using an external trigger?**
A: Hiding the built-in button is usually the cleaner setup when another element already opens the popup. Set Select Option under Content > Content to Hidden so no button or icon appears on the page and the popup opens by itself. If you leave it on Call To Action or Icon, visitors can still open it from inside the widget too. That choice matters when you want one clear trigger path versus multiple ways in.

**Q: What is the difference between Unique Class (Open) and Unique Class (Close)?**
A: Unique Class (Open) is for elements that launch the popup, while Unique Class (Close) is for an element inside the popup that toggles it. The close class behaves differently from a normal close button because clicking it while the popup is closed opens it again. The page recommends keeping that close element inside the popup, which avoids confusing users with a control that works both ways.

**Q: What are the main limitations of opening a popup by selector?**
A: This setup has three practical limits: one class name per field, use a class not an ID, and it only works in Pro because Popup Builder is part of The Plus Addons for Elementor Pro. That means you should reuse one shared trigger class instead of trying to list several names in one field. For setup details, [Popup Builder widget: settings overview](https://theplusaddons.com/docs/popup-builder-elementor-widget-settings-overview/) gives the control reference.