How to Add a Motion SlideOut Email Optin Box with Divi’s Scroll Effects

How to Add a Motion Slide-Out Email Optin Box with Divi’s Scroll Effects

If you’re looking for a way to highlight your email optin box, you’ll love this post. We’ll show you, step by step, how to add motion to your email optin box. The motion email optin box appears and disappears as visitors are scrolling down the page. By doing this, chances are high that the email optin box will catch your visitors’ attention, which will hopefully result in a higher conversion rate. You’ll be able to download the JSON file for free as well!

Let’s get to it.


Before we dive into the tutorial, let’s take a quick look at the outcome. This tutorial works best on larger screen sizes. On smaller screen sizes, we’ll disable the entire motion email optin box so it doesn’t overlap any existing page content.

Download The Motion Email Optin Box Layout for FREE

To lay your hands on the free motion email optin box, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.

You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!

1. Upload Web Freelancer Landing Page Layout to New Page

To recreate this tutorial, we’ll use the Web Freelance Landing Page which you can find in your premade layouts.

motion email optin

Hide Page Overflows

Once you’ve uploaded the layout, open the page settings and hide the overflows in the advanced tab. This will help ensure that no horizontal scroll bar appears throughout the scrolling process.

  • Horizontal Overflow: Hidden
  • Vertical Overflow: Hidden

How to Add a Motion Slide-Out Email Optin Box with Divi’s Scroll Effects 1



This article was written by Donjete Vuniqi and originally published on Elegant Themes Blog.

Disclosure: Some of the links in this post are "affiliate links." This means if you click on the link and purchase the product, We may receive an affiliate commission.

Leave a Comment

Your email address will not be published. Required fields are marked *

Show Your ❤️ Love! Like Us
Scroll to Top