Articles on: Website Widgets and Popups

How to trigger a widget to show up on click

You can configure your widget to be displayed when a site visitor performs a certain action on your website (for example, clicks a ‘contact me’ button, adds an item to cart, etc.).

Follow these steps to create a pop up from an element on your website.

First, find the element you want to use for the trigger. As an example, I'll use our website page and target the "Watch video" element:

Here the trigger element is id “videoDemo”

On the widgets page, find the widget you want to change and click the pencil button to edit it:

Edit Widget

Go to the "Display options" tab:

Display options

In the “Show on” tab, click the “Enable a trigger” button and choose “Click” from the drop-down menu:

Show on Click

Introduce the CSS Selectors. For an element with the id videoDemo, the selector would be #videoDemo:


You can edit the list of Selectors below the drop-down menu, and you can also introduce a Condition for your trigger. Save your changes at the top-right corner of the screen and you are done:


Now, when someone clicks on the button with id=videoDemo, this popup will show up.

Updated on: 23/11/2022

Was this article helpful?

Share your feedback


Thank you!