How to trigger a widget to show up on mouse hover

You can configure your widget to be displayed when your visitors mouse over a specific element.

Example:

Follow these steps to set up a popup trigger on hover.

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

2. On the widgets page, find the widget you want to change and click on the pencil to edit widget:

3. In the “Triggers” tab, click the “Enable a trigger” button and choose “Hover” from the drop-down menu:

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

5. 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, if you hover on the button with id=videoDemo, the popup will display.

Updated on: 04/02/2025