# Popup: How to make the widget appear by click on a certain element

**URL:** <https://community.elfsight.com/t/popup-how-to-make-the-widget-appear-by-click-on-a-certain-element/28846>\
**Category:** Pro Tips\
**Tags:** popup\
**Created:** [December 5, 2023, 2:51pm UTC](https://community.elfsight.com/t/popup-how-to-make-the-widget-appear-by-click-on-a-certain-element/28846 "2023-12-05T14:51:02Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [December 5, 2023, 2:51pm UTC](https://community.elfsight.com/t/popup-how-to-make-the-widget-appear-by-click-on-a-certain-element/28846/1 "2023-12-05T14:51:02Z")

</div>

Want to make your [Popup](https://elfsight.com/popup-widget/) widget subtly appear by click on the element? We have a solution!

That’s really easy, you just need to follow these steps:

> **Open Settings tab in your widget's configurator and go to Triggers section**
>
> ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/8/81f5737dc70ea4fd7e26eeb2e8997553a94d1a38.png)

  

> **Locate your Element ID. To do this, right-click on the required element and select Inspect. Then, find the div id of your element on the Elements tab and copy it**
>
> ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/b/bd7597b9eb4530f8796aa85705caaa066b44d740.jpeg)
> 
>   
> 
> ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/7/7766bac788b9af708d5000e7a887cd286a768ddd.jpeg)

  

> **Enable On Click trigger and insert your unique HTML Element ID**
>
> ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/d/d5e0b766fad686fbd3d7891940708841ca536590.png)

  
  

![GIF 12-5-2023 5-08-27 PM](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/e/e498ff23c63fe025312fa2d36e8b5c3160caefc1.gif)

  

Faced any difficulties or have questions? Describe your use case in the comments and we’ll gladly help 😉

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [June 13, 2024, 12:30pm UTC](https://community.elfsight.com/t/popup-how-to-make-the-widget-appear-by-click-on-a-certain-element/28846/4 "2024-06-13T12:30:55Z")

</div>

A post was split to a new topic: [Open popup form multiple buttons](https://community.elfsight.com/t/open-popup-form-multiple-buttons/56826)

---

<div class="post-metadata">

**Author:** ![David\_Crockett](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/david_crockett/32/6656_2.png) [@David\_Crockett](https://community.elfsight.com/u/David_Crockett)\
**Post date:** [December 11, 2024, 12:16am UTC](https://community.elfsight.com/t/popup-how-to-make-the-widget-appear-by-click-on-a-certain-element/28846/5 "2024-12-11T00:16:55Z")

</div>

I cannot seem to find the DIV ID for another widget’s button. When one popup closes, i want another to open. I just see div classes

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [December 11, 2024, 10:16am UTC](https://community.elfsight.com/t/popup-how-to-make-the-widget-appear-by-click-on-a-certain-element/28846/6 "2024-12-11T10:16:50Z")

</div>

Hi @David_Crockett 👋

Could you please send me a link to the page where your popup is installed and specify the element that should trigger it?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 20, 2025, 10:37am UTC](https://community.elfsight.com/t/popup-how-to-make-the-widget-appear-by-click-on-a-certain-element/28846/7 "2025-02-20T10:37:31Z")

</div>

3 posts were split to a new topic: [Use image to trigger popup](https://community.elfsight.com/t/use-image-to-trigger-popup/102462)
