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.