How to Include an Email Optin in Your Divi Footer

How to Include an Email Optin in Your Divi Footer

The website footer is a popular location to place an email optin form. Since Divi has an email optin module, this is an easy task with the Divi Theme builder. In this article, we’ll see how to add an email optin to the Divi footer. We’ll also see a few settings within the Divi email optin module that creates different layout options.

Preview

Here’s the footer we’ll build.

Email Optin Desktop

Here’s how our email optin form will look on a desktop. I’m replacing an existing element in this layout with the email option.

Email Optin Phone

Email Optin Phone

Here’s how our email optin form looks on a smartphone.

Divi Theme Builder Template

To add an email optin to the Divi footer, we’ll need a template to build our footer. You can build one from scratch or use one of the free templates that Elegant Themes provides. To find them, search the Elegant Themes blog for “free footer”.

I’m using the footer template from the FREE Header and Footer Template for Divi’s NGO Layout Pack. Download your footer and unzip the file. You’ll need to upload the JSON file to the Divi Theme Builder.

Upload and Prepare the Footer Template

Upload and Prepare the Footer Template

To upload your Divi footer, go to Divi > Divi Theme Builder in the WordPress dashboard. Select Portability. In the modal that opens, choose the Import tab. Click to choose the file and navigate to the JSON file on your computer. Select the file and click Import Divi Theme Builder Templates.

Wait for the file to upload. You can delete the header template if you don’t want to use it. Click to save the changes in the upper left of the builder.

Upload and Prepare the Footer Template

For this tutorial, I’ll replace the boxed area on the right with an email optin. I’ll use the same styling, so it will blend with the website.

Upload and Prepare the Footer Template

This element is made up of an image module, two text modules, and a button module. I’ll replace them with a single module. You can

[…]

 



This article was written by Randy A. Brown 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

You have to agree to the comment policy.

Show Your ❤️ Love! Like Us
Scroll to Top