Slide-In Scroll Box Examples—OptinMonster Gallery

Slide-In Scroll Box Examples—OptinMonster Gallery

OptinMonster’s Slide-In scroll box campaigns let you capture your visitors’ attention without interrupting their browsing experience. OptinMonster customers use them to showcase related content and targeted offers.

Timing is everything when it comes to persuading people to sign up for your email list. The Slide-In Scroll Box examples shown above strategically display campaigns at the perfect time to grab attention.

OptinMonster Slide-Ins work well with our Scroll Trigger, but you can also combine Slide-In scroll box campaigns with OptinMonster’s signature Exit-Intent technology. Exit-Intent detects when visitors are about to leave, so you can present an offer at precisely the right time to get their attention.

This technology is proven to boost conversions. See our OptinMonster case studies for examples.

There are many ways to use Slide-In campaigns to maximize conversions. We’ve created this gallery to show you some scroll box examples. Most of these were created with OptinMonster’s wide range of pre-made templates, but you can also use our Canvas technology to create your own unique campaigns.

Looking for other examples of OptinMonster in use? Check out our Exit-Intent, Fullscreen, and Mobile campaign galleries.

Why Use Slide-In or Scroll Box Campaigns?

Don’t alienate visitors by showing them a popup at the wrong time. With OptinMonster’s Slide-in Scroll Box campaign, you have a polite and stylish way to capture visitors’ attention without being.

OptinMonster Slide-in Campaigns show up in the bottom right corner of the web page as your visitors scroll down. They work well with our Scroll Trigger display rule, letting you specify how far down the page visitors get before they see your scroll box.

Timing is vital when it comes to getting people to sign up for your email list. With the Slide-in Scroll Box, you can strategically show your campaigns at just the right time.

Don’t just take our word for it! Here’s what our customers have achieved:

[wpforms id="113407"]
<div class="wpforms-container " id="wpforms-113407"><form id="wpforms-form-113407" class="wpforms-validate wpforms-form" data-formid="113407" method="post" enctype="multipart/form-data" action="/slide-in-scroll-box-examples/"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-field-container"><div id="wpforms-113407-field_0-container" class="wpforms-field wpforms-field-name" data-field-id="0"><label class="wpforms-field-label" for="wpforms-113407-field_0">Name <span class="wpforms-required-label">*</span></label><input type="text" id="wpforms-113407-field_0" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][0]" required></div><div id="wpforms-113407-field_1-container" class="wpforms-field wpforms-field-email" data-field-id="1"><label class="wpforms-field-label" for="wpforms-113407-field_1">Email <span class="wpforms-required-label">*</span></label><input type="email" id="wpforms-113407-field_1" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][1]" required></div><div id="wpforms-113407-field_2-container" class="wpforms-field wpforms-field-textarea" data-field-id="2"><label class="wpforms-field-label" for="wpforms-113407-field_2">Message <span class="wpforms-required-label">*</span></label><textarea id="wpforms-113407-field_2" class="wpforms-field-small wpforms-field-required" name="wpforms[fields][2]" required></textarea></div></div><div class="wpforms-field wpforms-field-hp"><label for="wpforms-113407-field-hp" class="wpforms-field-label">Message</label><input type="text" name="wpforms[hp]" id="wpforms-113407-field-hp" class="wpforms-field-medium"></div><div class="wpforms-recaptcha-container" ><div class="g-recaptcha" data-sitekey="6Lc8JloUAAAAAAun21Ct3yris_R4Qj_KimAPdH0f"></div><input type="text" name="g-recaptcha-hidden" class="wpforms-recaptcha-hidden" style="position:absolute!important;clip:rect(0,0,0,0)!important;height:1px!important;width:1px!important;border:0!important;overflow:hidden!important;padding:0!important;margin:0!important;" required></div><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="113407"><input type="hidden" name="wpforms[author]" value="7344"><input type="hidden" name="wpforms[post_id]" value="112198"><button type="submit" name="wpforms[submit]" class="wpforms-submit om-trigger-conversion" id="wpforms-submit-113407" value="wpforms-submit" aria-live="assertive" data-alt-text="Sending..." data-submit-text="Submit">Submit</button></div></form></div> <!-- .wpforms-container -->
[35% OFF!]
[35% OFF!]
[price_id]
[price_id]
[price_id]
[price_id]
[Case Study]
[Case Study]
[wpforms id="113407"]
<div class="wpforms-container " id="wpforms-113407"><form id="wpforms-form-113407" class="wpforms-validate wpforms-form" data-formid="113407" method="post" enctype="multipart/form-data" action="/slide-in-scroll-box-examples/"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-field-container"><div id="wpforms-113407-field_0-container" class="wpforms-field wpforms-field-name" data-field-id="0"><label class="wpforms-field-label" for="wpforms-113407-field_0">Name <span class="wpforms-required-label">*</span></label><input type="text" id="wpforms-113407-field_0" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][0]" required></div><div id="wpforms-113407-field_1-container" class="wpforms-field wpforms-field-email" data-field-id="1"><label class="wpforms-field-label" for="wpforms-113407-field_1">Email <span class="wpforms-required-label">*</span></label><input type="email" id="wpforms-113407-field_1" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][1]" required></div><div id="wpforms-113407-field_2-container" class="wpforms-field wpforms-field-textarea" data-field-id="2"><label class="wpforms-field-label" for="wpforms-113407-field_2">Message <span class="wpforms-required-label">*</span></label><textarea id="wpforms-113407-field_2" class="wpforms-field-small wpforms-field-required" name="wpforms[fields][2]" required></textarea></div></div><div class="wpforms-field wpforms-field-hp"><label for="wpforms-113407-field-hp" class="wpforms-field-label">Email</label><input type="text" name="wpforms[hp]" id="wpforms-113407-field-hp" class="wpforms-field-medium"></div><div class="wpforms-recaptcha-container" ><div class="g-recaptcha" data-sitekey="6Lc8JloUAAAAAAun21Ct3yris_R4Qj_KimAPdH0f"></div><input type="text" name="g-recaptcha-hidden" class="wpforms-recaptcha-hidden" style="position:absolute!important;clip:rect(0,0,0,0)!important;height:1px!important;width:1px!important;border:0!important;overflow:hidden!important;padding:0!important;margin:0!important;" required></div><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="113407"><input type="hidden" name="wpforms[author]" value="7344"><input type="hidden" name="wpforms[post_id]" value="112198"><button type="submit" name="wpforms[submit]" class="wpforms-submit om-trigger-conversion" id="wpforms-submit-113407" value="wpforms-submit" aria-live="assertive" data-alt-text="Sending..." data-submit-text="Submit">Submit</button></div></form></div> <!-- .wpforms-container -->
[wpforms id="113407"]
<div class="wpforms-container " id="wpforms-113407"><form id="wpforms-form-113407" class="wpforms-validate wpforms-form" data-formid="113407" method="post" enctype="multipart/form-data" action="/slide-in-scroll-box-examples/"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-field-container"><div id="wpforms-113407-field_0-container" class="wpforms-field wpforms-field-name" data-field-id="0"><label class="wpforms-field-label" for="wpforms-113407-field_0">Name <span class="wpforms-required-label">*</span></label><input type="text" id="wpforms-113407-field_0" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][0]" required></div><div id="wpforms-113407-field_1-container" class="wpforms-field wpforms-field-email" data-field-id="1"><label class="wpforms-field-label" for="wpforms-113407-field_1">Email <span class="wpforms-required-label">*</span></label><input type="email" id="wpforms-113407-field_1" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][1]" required></div><div id="wpforms-113407-field_2-container" class="wpforms-field wpforms-field-textarea" data-field-id="2"><label class="wpforms-field-label" for="wpforms-113407-field_2">Message <span class="wpforms-required-label">*</span></label><textarea id="wpforms-113407-field_2" class="wpforms-field-small wpforms-field-required" name="wpforms[fields][2]" required></textarea></div></div><div class="wpforms-field wpforms-field-hp"><label for="wpforms-113407-field-hp" class="wpforms-field-label">Website</label><input type="text" name="wpforms[hp]" id="wpforms-113407-field-hp" class="wpforms-field-medium"></div><div class="wpforms-recaptcha-container" ><div class="g-recaptcha" data-sitekey="6Lc8JloUAAAAAAun21Ct3yris_R4Qj_KimAPdH0f"></div><input type="text" name="g-recaptcha-hidden" class="wpforms-recaptcha-hidden" style="position:absolute!important;clip:rect(0,0,0,0)!important;height:1px!important;width:1px!important;border:0!important;overflow:hidden!important;padding:0!important;margin:0!important;" required></div><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="113407"><input type="hidden" name="wpforms[author]" value="7344"><input type="hidden" name="wpforms[post_id]" value="112198"><button type="submit" name="wpforms[submit]" class="wpforms-submit om-trigger-conversion" id="wpforms-submit-113407" value="wpforms-submit" aria-live="assertive" data-alt-text="Sending..." data-submit-text="Submit">Submit</button></div></form></div> <!-- .wpforms-container -->
[price_id]
[price_id]