Documentation

All the information you need in one place

How to Open a Popup on Mouse Hover with Nelio Popups

Nelio Popup makes it easy to trigger popups when a visitor hovers over on an element on your site. Add more interactivity to your pages with this feature.

Using Hover Trigger

The mouse action trigger lets you display your popup based on mouse hovering over elements of your site. When the visitor lands on a page and hovers over an element you set in the settings, it triggers the popup.

When you are ready to use the hover trigger, follow these steps:

  1. Go to Nelio Popups » All Popups and edit the one you want.
  2. In the editor sidebar, go to the Settings panel, and open the Triggers tab.
  3. Add or modify a trigger by selecting ‘Mouse action’.
Setting up the click action trigger.
Setting up the click action trigger.

By default, the trigger is set up to open a popup when a visitor clicks an element. Therefore, change the mouse action to hover.

Change the mouse action to hover.
Change the mouse action to hover.

Then you must set the element of your page that will trigger the popup when the visitor hovers over it. Note that you need to type a valid CSS selector.

After that, save the popup and then it will open when the visitor hovers over the element.