Popups are known to be terrific attention grabbers, yet it’s often hard to find the right balance between efficiency and annoyance. For instance, with welcome popups, you can be sure your message will be seen by the visitors. However, some believe that these popups are intrusive and create a poor website experience.
If you’re looking for a middle ground, scroll popups are your best bet.
A scroll popup (or a scroll-triggered popup, to be more precise) is displayed after a visitor scrolls down a certain percentage of a page. You can use this approach to display email opt-in forms, surveys, promo offers, and more.
In this tutorial, we’ll feature several examples of scroll-triggered popups and show you how to add one to your website using Getsitecontrol.
Why do we love scroll-triggered popups?
Scroll-triggered popups may receive fewer views than modal popups, for instance, but they tend to drive higher conversion rates for a few reasons.
The visitors you’re targeting are already interested in your content
When you create a scroll popup, you target those who have scrolled down a page on your website. Since your content has already piqued their attention, chances are, they might be interested in what you have to offer, too.
Scroll-triggered popups are less likely to be closed or ignored
Here is the deal with popups: when they are displayed too early, people often close them without even reading the message – sometimes reflexively. Having a popup show up after a while is way less intrusive and doesn’t create the urge to hit the X button.
You can display them precisely in the context
Let’s say you have a blog article about juicing, and you want to promote a juicer to those who have reached the recipe section of your article. All you need is to calculate the percentage of the content visitors go through before reaching this part and set the popup to display at that moment.
How to create a scroll-triggered popup in Getsitecontrol
Now that you know why scroll-triggered popups are so efficient, let us show you how to create one.
Step 1. Select a popup template from the gallery
With Getsitecontrol, you don’t have to start from scratch: there’s an extensive gallery of popup templates for any purpose. So, the first step for you will be to navigate to the gallery and find the template section that meets your goals.
Once in the gallery, select the desired template, make a click on it, and follow the prompts on the right-hand side to add it to your Getsitecontrol dashboard.
Step 2. Customize the popup
Most templates are designed to be used “as is”, however, you may want to edit the copy, color theme, and font. To make any adjustments, use the controls on the first screen. Simply click on the element you want to edit and proceed with the changes.
Keep in mind that the scroll-depth trigger works on mobile devices as well. To see how your popup looks on mobile screens, use the mobile preview option at the bottom.
Step 3. Activate the scroll-depth trigger
To activate the scroll-depth trigger, go to the
Targeting tab and find the field named Start to display the widget. Remove the default ‘at once’ condition and create a new condition, based on scroll-depth.
You can type any value that makes sense in your case: 25%, 50%, 75%, etc. Note that if you choose 100% the popup will be shown when a visitor reaches the bottom of the page. Remember, there’s no golden rule here. You’ll have to make a hypothesis and run a popup A/B test to find out what scroll-depth works for you.
Once you finish with the settings, hit
Save & close in the top right corner and activate the popup.
Scroll-triggered popup examples
Now let’s take a look at 3 scroll-triggered popup examples. Feel free to grab any of these conversion-boosting templates for your website!
Email opt-in form with a lead magnet
One of the most common popup examples is an email subscription form. To make it more efficient, we recommend adding a lead magnet and offering something valuable in exchange for a subscription.
The logic is simple. If your site visitors have scrolled deep enough into your website, they are clearly interested in your topic, and a valuable piece of information could become a perfect incentive for them.
💡Can’t think of the content to offer? Then use a discount coupon or free shipping to encourage visitors to subscribe. Find more lead magnet ideas here.
Another thing scroll popups are great for is offering discounts to customers. You can use them to feature a sale announcement, a discount coupon code, or a discounted item in your store.
When used right, popups can help you drive more sales than a product page alone. Want to know the secret sauce? Use a high-quality product image and create a sense of urgency to encourage visitors to act fast.
Quick survey form
Finally, you can use scroll-triggered popups to survey visitors. Quick single-question surveys are the best option for this format, whereas multi-page forms might feel too intrusive for someone just browsing your website.
Notice that this star rating scale is designed for a quick evaluation of product category pages. However, you can use this technique to get quick feedback on anything including content quality, website usability, and customer service. Find more star rating scale surveys in our gallery.
Try scroll popups on your website
Now that you know how to create scroll-triggered popups, and what they’re good for, go ahead and try them for your business. Getsitecontrol makes it easy to add targeted popups to any website, regardless of your technical skills. Create an account today and see your website conversions grow!
Nina De la Cruz is a content strategist at Getsitecontrol. She is passionate about helping small and medium ecommerce brands achieve sustainable growth through email marketing.
You’re reading Getsitecontrol usecase collection where we talk about the best practices for using website popups. This usecase is a part of Build email list section.
Drive subscribers to your list and convert them via emails.Try it for free →
Subscribe to get updates
Get beginner-friendly tips for growing your online business.Join the list →