On Click/Hover Trigger

On Click/Hover Trigger

Increase engagement and capture leads at the right moment by configuring On Click or Hover triggers for your popups in Poper. Follow these steps to set up the trigger:

How to Set Up On Click/Hover Trigger:

Edit Popup:


Navigate to the Poper dashboard and locate the popup you want to modify. Enter the editing mode for the selected popup.

Access Triggers:


Within the popup editor, navigate to the "Triggers" section located on the left-hand side.

Add New Trigger:


Click on "Add New Trigger" to create a new trigger for the popup.

Select On Click/Hover:

Choose the "On Click" or "On Hover" trigger option, depending on when you want the popup to appear. Selecting "On Click" will display the popup when the specified element is clicked, while "On Hover" will trigger the popup when the mouse cursor hovers over the element.

Specify CSS Selector:


Enter the CSS selector of the HTML element to which you want to apply the trigger. If you're not familiar with CSS selectors, refer to our separate guide on how to find CSS selectors for your elements.

Save/Update Popup:


Once you've specified the trigger details, save or update the popup to apply the On Click/Hover trigger settings.

Verify the Trigger:

Test the popup on your live website to verify that the On Click/Hover trigger functions as expected. Click or hover over the specified element to trigger the popup and ensure it appears as intended.

    • Related Articles

    • Inactivity Trigger

      Step 1: Open Poper.ai Dashboard - Navigate to the main dashboard of Poper.ai. Step 2: Create or Select a Popup - Click on ‘+ New Popup’ to create a new popup or select an existing one from the list to modify. Step 3: Fine-Tune the Popup - Adjust the ...

    • Delay Trigger

      The Delay Trigger in Poper.ai allows you to control when a popup will appear based on the time a user has spent on your page. Here are the steps to set up a Delay Trigger for your popup: 1. Create a New Popup: - Click on '+ New Popup' on your ...

    • Autoclose Popup Trigger

      Enhance user experience and engagement by implementing the autoclose popup trigger feature in Poper. Here's how you can set it up: How to Enable Autoclose Popup Trigger: Select the Desired Popup: Navigate to the Poper dashboard and open the popup to ...

    • On Scroll Trigger

      Step 1: Access Your Dashboard - Upon logging into your Poper.ai account, you will land on the main dashboard. Here you will see an overview of all your popups, or in this case, an indication that no popups have been created yet. Step 2: Create a New ...

    • Back Button Exit Intent Trigger (Mobiles)

      Poper allows you to trigger popups strategically, and this guide will show you how to leverage the "Exit Intent" trigger with a mobile-specific setting to capture visitors as they hit the back button on their phones. Targeting Mobile Back Button ...