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:
On the widgets page, find the widget you want to change and click the pencil button to edit it:
Go to the "Display options" tab:
In the “Show on” tab, click the “Enable a trigger” button and choose “Click” from the drop-down menu:
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.
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:
On the widgets page, find the widget you want to change and click the pencil button to edit it:
Go to the "Display options" tab:
In the “Show on” tab, click the “Enable a trigger” button and choose “Click” from the drop-down menu:
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
Thank you!