Triggering your Popup widget on element click

Do you want your Popup widget to appear when a specific element on your website is clicked? No problem! We'll show you how to easily set that up. Let's get started!

1

Locate the Unique ID of the trigger element

Find the unique ID of the element that will trigger your Popup widget. Right-click on the page with this element and select Inspect:

2

Inspect the element

Use ↖ in the upper left corner of the console to inspect the element that should trigger your widget.

In our example, we are inspecting the Click here to get a discount! button:

Here is the unique ID of this element that we need to copy to move forward:

3

Go to the widget editor
Once you have copied the ID, go to the Settings tab in your widget's configurator → Triggers:

4

Enable the On Click Trigger

Enable the On Click trigger and insert the ID you have just copied to HTML Element ID:

5

Publish the changes
Click Publish to make the changes go live:

Well done! Now your Popup widget will appear when that element is clicked.

This simple setup can significantly enhance user engagement and interaction with your content. 

If you want to learn more about other triggers available in Popup, check out this article - Using triggers in your Popup widget 😊