Scroll Triggered Boxes: 10 Hacks To Boost Your Conversions

Are your scroll box campaigns converting as many visitors as they could be?

Scroll triggered boxes, also called slide-in campaigns, can be incredibly powerful tools for converting engaged visitors into subscribers and customers.

They’re a more polite, less invasive way of building your email list than intrusive popups. That’s because you:

  • Don’t disturb visitors till they’re already consuming your content.
  • Make sure people get value from your site before you try to offer or sell them anything.
  • Avoid annoying visitors by covering the content they’re reading.

Want to get more leads and sales from your own scroll box campaigns? Read on to learn how to boost conversions from scroll triggered boxes.

(And if you need help with creating your first scroll box campaign, we’ve included that right after our scroll box hacks.)

1. Target High-Value Users with Two Display Rules

It’s no surprise that showing offers to those most likely to convert results in higher conversions. 

You can target these visitors easily with OptinMonster’s display rules, which allow you to precisely target and trigger your campaigns.

By combining two OptinMonster display rules, scroll detection and exit intent, you can target visitors who’ve shown interest in your content – but are about to leave your site for good.

To set this up, go to Display Rules » When should the campaign appear? » After scrolling down X amount and set it to a high percentage like 70%. This will allow you to target those who are truly engaged with a particular page.

scroll triggered boxes 70pc

Then go to Display Rules » When should the campaign appear? » On Exit Intent to trigger your pop up box or slide in just as people are about to leave your site.

scroll triggered boxes -exit-intent

When visitors meet both conditions, they’ll see your offer. We’ve seen many customers get an extremely high conversion rate with this combination, with at least one third of visitors taking their offer.

2. Combine Multiple Rulesets

As we mentioned in the last tip, one way to boost conversions from scroll triggered boxes is to use multiple display rules to focus on high-value users who are most likely to convert.

In the last example, we showed how you could combine rules within a single ruleset.

But you can also use more than one ruleset with OptinMonster. This allows you to show your scroll box campaign to visitors who meet either of the conditions, instead of both.

It also gives you two chances to win your visitor over.

For the default ruleset, enable the scroll trigger as described in tip #1.

Then click on Add Ruleset.

display-rules-add-ruleset

You’ll see a text box where you can give your ruleset a name.

ruleset-name-new

Save the ruleset, then click on the tab to add new display rules in that ruleset.

ruleset-new-tab-1

For example, go to Display Rules » When should the campaign appear? » On Exit Intent

scroll triggered boxes -exit-intent

Your campaign will display either when people have reached the scroll percentage you’ve set, OR when people are about to leave.

3. Give Visitors a Choice With Yes/No Campaigns

While too much choice can be overwhelming, reducing choices to just two is a definite conversion booster.  And believe it or not, having two choices is more effective than having just a single option.

That’s because of the “Zeigarnik Effect.”

People who start a process are more likely to finish it. Since visitors only see the campaign after clicking the Yes button, that makes them more likely to take the next step, and enter their email address.

And there’s more: when you give people a choice, the feeling that they’re free to choose makes them more likely to make the choice you want.

Another reason this hack is so successful is because you’re not just marketing to people who’ve demonstrated their interest by scrolling. You’re also providing two calls to action, giving you two opportunities to win conversions.

OptinMonster customers have successfully combined scroll triggered boxes with Yes/No buttons to achieve huge increases in conversions.

For example, Digital Marketer got a 7.9% conversion rate for its campaigns by changing the scroll percentage and using Yes/No buttons.

OptinMonster_DigitalMarketer_Lightbox

And Cloudways combined a 50% scroll trigger with Yes/No buttons to increase conversions by 1700%.

Cloudways_Cloudways-General-Optin-Feb-2017-Overview

Here’s how you can implement this hack. First, change the scroll percentage as described in tip #1.

Then go to the Yes/No section of the OptinMonster campaign builder, and turn it on.

Go to the Yes Button section and edit the text that shows on the button.

om yesno scroll boxes

Choose a Yes Action. For example, you can redirect visitors to a new page, and show another offer there.

om scroll triggered boxes yes action

Then, go to the No Button section and edit the text that shows on the button.

Choose a No Action.

om scroll triggered boxes no action

Save and Publish your campaign.

4. Segment Your Audience

Here’s another cool way to use Yes/No buttons: to segment your audience.

Audience segmentation divides your subscribers into smaller groups, so you can send more targeted marketing campaigns to each segment. According to MailChimp, email list segmentation results in 14% more opens and better results all around.

MailChimp Segmentation Results

With Yes/No buttons, audiences effectively segment themselves.  Once your audience is segmented, you can target different promotions to different groups, increasing conversion opportunities even more.

OptinMonster customers have successfully used yes/no optins to boost sales and improve lead generation.

Here’s how you could implement this hack. We’ll use the example of someone doing restaurant email marketing, with different lists depending on whether patrons preferred eating in or takeout.

Create your campaign and set your scroll percentage as described in tip #1.

Go to the campaign builder and enable the Yes/No buttons, as in the previous tip.

Edit the Yes button to say Eating In.  Change the Yes redirect URL to the landing page for people planning to visit the restaurant.

om scroll triggered box eat in

Use the same method to edit the No button to say Takeout. Change the No redirect URL to the landing page for takeout offers.

om scroll triggered boxes takeout

When visitors arrive at the appropriate landing page, encourage them to subscribe in exchange for a popup coupon to be used with their preferred dining option.

5. Boost Social Media Subscriber Numbers

Social media can be a huge referral source for online business. That’s why increasing your social media audience can also help to increase conversions.

One way to do this is to combine a scroll trigger with a Facebook Page box. This shows a snapshot of your Facebook page to people who are already interested, and makes it easy for those visitors to take the next step in connecting with you.

Here’s how you do it.

First, go to the Facebook Page Plugin generator and type in the URL of your Facebook page. Edit your page display settings as desired, then grab the code with the Get Code button.

facebook-like-page-generator

Next, you’ll need to use OptinMonster’s Canvas template with your chosen campaign type. Here’s how you create a campaign in Canvas.

Go to the campaign builder and select the Optin tab. Scroll down and paste the code into Canvas Custom HTML field.

facebook-canvas-dimensions

Enable the scroll trigger as described in tip #1. You now have a Facebook page box that shows only to visitors who have scrolled.

Want to do the same for Twitter? Here’s how you can create a Twitter follow campaign in Canvas.

6. Avoid Annoying Regular Visitors

You know what really annoys your website visitors?

Content that’s irrelevant to them.

Almost two-thirds of people prefer to see relevant content, and many leave if they’re not convinced content meets their needs.

One kind of content that’s definitely irrelevant is a campaign your visitors have already seen and ignored.  If you want to pique their interest, you’ll need to show them something new.

Luckily, there are several ways to do this when creating scroll triggered boxes in OptinMonster.

One of the easiest ways to show special promotions to returning visitors is via OptinMonster’s display rules.

Go to Display Rules » Who should see the campaign? » Visitors who are new vs. returning

om visitor returning

Select is returning to show different scroll triggered boxes to returning visitors. For example, if your visitors are interested in technology, you can use MonsterChains to show them subsequent campaigns featuring a series of cool gadgets.

Another way to achieve this is via OptinMonster’s Smart Success feature. Smart Success lets you present special content and offers to people who’ve already opted in.

smart-success-enabled

You can use Smart Success to:

  • Tell new subscribers how to whitelist your email address so they get your emails.
  • Deliver a download immediately.
  • Show video content
  • Customize your success message

Here are some more tips on using OptinMonster’s Smart Success feature.

7. Create Page-Specific Offers

To get incredibly high conversions, make your scroll triggered boxes relevant to the content visitors are viewing at the time.

The best way to do this is with OptinMonster’s page level targeting feature.  Instead of displaying a generic offer for an item on sale, trigger a specific offer or coupon for the item people have been looking at, after they’ve scrolled down the page to demonstrate their interest.

To do this, enable the scroll trigger as described in tip #1.

Then go to Display Rules » Who should see the campaign? » Visitors browsing specific pages.

visitors browsing pages

You can include or exclude your site’s homepage, and can also include or exclude particular URLs.

om-page-level-targeting

OptinMonster users say that page level targeting increases the effectiveness of their email marketing, with higher open and click through rates. Learn more about how page level targeting improves conversion rates.

8. Target Visitors in Particular Locations

Still on the subject of relevance, we’ve got one more cool hack for you: targeting your campaigns by location and timezone.

This lets you switch out your scroll triggered boxes depending on where your visitors are. For example, people celebrate different year-end holidays, so you could show different boxes for Christmas, Hanukkah, Kwanzaa and Diwali.

To change location and timezone rules, go to Display Rules » Who should see the campaign? » Visitors from a specific physical location

Enable this rule via the toggle, then type the desired location into the onscreen text box. Press Validate.

om scroll triggered boxes select location

The validation box will pop up so you can select the location. Press Done.

scroll triggered boxes validate location

You can also exclude countries using this display rule. For example, you might want to show Thanksgiving messaging in the US, but show a different campaign for visitors from other countries. To do this, simply select is not, enter the country name, and use the validation process described above.

9. Split Test Your Campaigns

Split testing is an essential part of conversion optimization. That’s why it’s built right into OptinMonster.

Done right, split testing can give you a HUGE boost in conversions. Escola EDTI used split testing to get a 500% increase in conversions. And Logic Inbound boosted conversions by 1500% by using split testing to improve their campaigns.

When using split testing, you can test:

  • Headlines
  • Images
  • Body copy
  • Calls to action

To split test your scroll triggered boxes, go to the OptinMonster dashboard, and find the campaign you want to test.

Click on the three dots on the right to show a dropdown menu.

edit campaign

Select A/B Split Test to see the split test creation screen.

OM-create-split-test-step-2

Give your split test a name, and add some notes about your planned changes. For example, you could say “scroll box campaign – new headline”.

Click the Create Split Test button. That will create an exact copy of your existing campaign, and take you to the campaign builder to edit it.

om create split test

Edit the element you want to test.  Save and Publish the campaign.

Your split test will run automatically, and you’ll be able to compare conversion rates for both versions in your OptinMonster dashboard.

Learn more about creating split tests and avoiding split testing mistakes.

10. Use Urgency

One of the best ways to skyrocket conversions for scroll triggered boxes is to use urgency.

Urgency is part of a powerful psychological trigger called the fear of missing out (FOMO). Basically, human beings dislike missing out on stuff, and hate the thought that something they want will disappear before they can get it.

That’s why smart marketers use time-limited offers.

To use urgency with scroll triggered boxes, enable the scroll trigger as shown in tip #1.

Then go to Display Rules » When should the campaign appear? » Based on the visitor’s date or time.

when campaign appear

Use is on or before or is before to set an end date for your campaign. Alternatively, combine that with is on or after or is after to set both start and end dates.

om-scheduling- scroll boxes

Make sure your campaign copy says that it’s a time-sensitive offer. You can also create a countdown timer campaign to hack your conversion rate even more.

Learn more about scheduling your campaigns with OptinMonster.

That’s it! Ten hacks for scroll triggered boxes that’ll help you convert more visitors into subscriber and customer.

If you’re excited about trying them with your own scroll boxes, let’s show you how easy it is to create your first one:

How to Create a Scroll Triggered Box (Step by Step)

1. Create Your Campaign

Login to your OptinMonster dashboard.

Choose a campaign type. We’re using the OptinMonster Slide-in campaign for this tutorial.

choose optinmonster slide-ins

Select a theme. We’re using the Converse theme.

om choose converse theme

Name your campaign and press Start Building to go to the campaign builder.

om name converse theme

2. Customize Your Campaign

Next, it’s time to customize your campaign. The campaign builder loads with a pre-filled example, but you’ll want to change that.

om aconverse theme default

Select the headline and type to change it to the headline you want.  This will be the most important feature or benefit of your offer.

om converse theme edit headline

Edit the body copy in the same way.

If your theme has an image area, click on the image box, then upload a suitable image. If you’re stuck for inspiration, check out 39 Places to Find Images for Better Conversions.

You can also change your campaign’s color scheme. Click on the background to see the color selector.

om converse edit colors

Click the submit button. This will take you to the Design Fields area. Type in the Submit Placeholder box to change the button text.

You can also change the Email Placeholder text which tells people to enter their email address.
converse email placeholder om

Here’s how it looks after editing.

om converse yes no final scroll box

3. Set Up Your Success Action

Next, you’ll need to decide what people will see when they opt in to your campaign. Go to the Success tab. That will show the default success message, success action and success theme. That’s a “thanks for subscribing” message on a white background.

om default success

You can change the theme by pressing the Switch Theme button, and making a selection from the available options.

change success theme

You can also change the Success Action. For example, you can choose Redirect to a new page to send visitors to a different page on your site after subscribing. Here’s how that will look.

om-success-redirect

4. Enable Display Rules

To schedule your marketing campaign, go to Display Rules » When should the campaign appear? The default is After X Seconds, which means visitors always see your campaigns after they’ve been on your site for a while.

scroll triggered boxes display-rules-time

However, as we’ve seen above, you can change the display rules as needed to increase conversions.

5. Publish the Campaign

Finally, save your changes and publish your scroll box campaign. Click on the Publish button to see publishing options, then click on the status button to make your campaign live.

marketing-campaigns-publish-status

To use your scroll triggered boxes on a WordPress site, you’ll need to install our WordPress plugin, and make your campaign live.

om-publishing-options

You can also use OptinMonster’s sitewide embed code. Grab this by clicking on a button in the campaign builder. Install the code by following this guide, or give it to your web developer for installation.

You can also embed your new marketing campaign with campaign-specific embed code, or use a shareable MonsterLink.

That’s it!

If you enjoyed these tips on maximizing conversions from scroll triggered boxes, check out our guide on how to create a popup coupon that boosts sales.

Not using OptinMonster yet? Get started today and start converting more visitors into subscribers and customers!

Sharon Hurley Hall is a technical writer at OptinMonster. Sharon has been a professional writer for more than 25 years. Her career has included stints as a journalist, blogger, academic writer, university lecturer, and ghost writer. Find out more about Sharon at sharonhh.com

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.