How to Auto-Close Popups on Scroll Up in Poper

How to Auto-Close Popups on Scroll Up in Poper

Poper allows you to configure popups to automatically close when a user scrolls back up the page. This guide will show you how to achieve this functionality, creating popups that disappear when users are no longer actively viewing the scrolled content.

Enabling Auto-Close on Scroll Up:

Access Your Poper Popup:

Begin by logging in to your Poper dashboard and navigate to the specific popup you want to modify.

Open the "Triggers" Section:


Locate the section labeled "Display Conditions" or similar within the popup editor (refer to your specific Poper version for exact terminology). This section controls events that trigger the popup to appear or disappear.

Verify Scroll Trigger (Optional):


While not strictly required for auto-close on scroll up, some Poper versions might offer an option to display the popup based on scroll depth (e.g., "On Scroll Depth"). If available, ensure this trigger is enabled, as it can enhance the overall user experience (e.g., showing the popup after users scroll down a certain percentage).

Enable "Close popup after scrolling up":


Within the settings of "On Scroll" section, look for an option labeled "Close popup after scrolling up" or similar. This setting controls what actions cause the popup to close. Turn this option "on" to activate the auto-close functionality.

Default Settings (Optional):

Most Poper versions likely have pre-configured settings for the "On Scroll Up" trigger. These typically involve hiding the popup after the user scrolls back up a certain percentage (often mirroring the scroll depth set for the initial display, if applicable). You can usually leave these settings at default.

Saving and Testing:

Save Your Changes:


Once you've enabled the "On Scroll Up" trigger, click the "Save" button to apply the changes to your popup.

Test Thoroughly:


Preview or publish your popup and test the functionality. Observe if the popup appears as expected (based on scroll depth settings, if applicable) and then disappears when you scroll back up the page.

Creative Applications:

  • Content Lockers on Scroll: You can leverage this feature to create scroll-activated content lockers. The locked content remains hidden until the user scrolls down to a certain point, triggering the popup to appear. When they scroll back up, the popup automatically closes, effectively re-locking the content.

  • Scroll-Triggered CTAs: Design popups with calls to action (CTAs) that appear when users scroll down a specific distance. The auto-close on scroll up functionality ensures the CTA disappears once the user has scrolled past it, preventing clutter.

By implementing auto-close on scroll up, you can create more dynamic and user-friendly popups within Poper, enhancing the overall browsing experience on your website.


    • Related Articles

    • Auto-Scaling in Poper: Ensuring Optimal Popup Display

      Poper's auto-scaling feature is designed to prevent popups from becoming excessively large and overflowing the visitor's screen. This ensures a seamless user experience by automatically adjusting the popup's size to fit within the available space. ...

    • Scroll To Top Action in Poper

      Poper allows you to integrate a "Scroll to Top" action with a clever twist! This guide will show you how to create a scroll-activated button that encourages users to navigate back to the top of your webpage and automatically hides when they scroll ...

    • 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 ...

    • How to Make Popups Rounded in Poper

      Creating a popup with rounded corners can give your popup a softer, more modern look. Here's how you can adjust the border radius to make popups rounded in Poper.ai: 1. Navigate to Your Popups: - Log in to your Poper.ai account. - From the dashboard, ...

    • How to create Age Verification Popups?

      Ensure compliance and protect your content with Age Verification Popups in Poper. Follow these steps to create and customize your Age Verification Popup: How to Create Age Verification Popups: Access Dashboard: Log in to your Poper dashboard and ...