This tutorial will walk you through adding an email opt-in form to a web page using the Divi Visual Builder.  Use this tool to increase your mailing list.

Take A Test Drive

Sign up for a 15 day free trial to our powerful WordPress Hosting Platform.  Take advantage of everything we have to offer for free.  No credit card required!

Text from the Tutorial



First, go into the Divi Visual Builder and click on the gray (+) button. Then in the ‘Insert Module’ selections, choose the ‘Email Optin’ module.



Once the ‘Email Optin Settings’ displays itself, you’re going to choose which email service provider you’re using. (In the example, I use MailChimp.)

Be sure to set up the service provider you use in the control panel for Divi Theme Options. After you’ve done this, go back into the Divi V.B., where your ‘Email Optin Settings’ is open, and select which account you want to use below the ‘Service Provider’ field. (The list of emails you can choose from is automatically populated when you’ve set up the service provider.)



Go down through the settings in the ‘General’ tab, and add in your title, adjust the different settings with text/fonts/background color. You can also add a picture/video to go along with your web page’s theme.



Go to the ‘Design’ tab and adjust the color of the form fields.

You can also change the highlighted form field color when someone clicks on it to enter their info.



You can add a border, change the margins, change the ‘Subscribe’ button, a hover color, as well as change the header. Go ahead and play with the different design settings in the ‘General’ and ‘Design’ tabs.




 This tutorial and transcript were done by, Jimi Blevins, with Mozaic Technology.

This transcript was edited by, Alexis Stucker, interning with Mozaic Technology.