How to Integrate Divi Builder with MailChimp

Updated: November 19, 2020

Come to think of it, email marketing is more powerful than social media and search engine marketing. On email marketing, you are not haunted by the change of the algorithm. That is why we think that investing in email marketing is much better for the long term. MailChimp is undoubtedly one of the most popular email marketing platforms. If you use MailChimp and have a website built with WordPress and Divi Builder, you can effortlessly integrate your website with your MailChimp account.

Out of about 38 modules offered by Divi Builder, you will find a module called Email Optin. This module is intended to help you to install an email subscription form on your website. With Divi Builder now allows you to create a custom header and footer, you can use the Email Option module to install an email subscription form on any part of your website. Be it on the homepage, on the single post template, on the footer, on the header, on the landing page. Anywhere you want.

The Email Optin module of Divi Builder supports a wide range of email marketing platforms. Such as MailChimp, MailerLite, GetResponse, Aweber, ActiveCampaign, CampaignMonitor, and a lot more. In this post, we will show you how to integrate Divi Builder with MailChimp.

Integrating Divi Builder with MailChimp

First off, you need to create an API key to connect your MailChimp account with your Divi Builder. To do so, login to the MailChimp dashboard. Click your profile name and select Profile.

Click Extras and select API Keys.

Click the Create A Key button to create a new API key. Once the API key is created, copy the API key on the API key column. Paste it to Notepad or your favorite text editor.

Once the API key is copied, go to your WordPress site and log in to the dashboard. Create a page and edit it with Divi Builder (or edit an existing one).

Select whether you want to create the page from scratch or from a layout. In this post, we create the page from scratch.

Add a new row by clicking the green plus icon. In this example, we use a row with a two-column structure.

Once your row is ready, add the Email Optin module. To do so, click the grey plus button and select Email Optin.

Once the module is added, you will be provided a popup to make the settings to the module. If you don’t get it, you can hover your mouse over the module and click the gear icon.

Go to the settings popup to customize your Email Optin module. You can change the title, the description, and button text on the Text option.

To connect your MailChimp account, open the Email Account option. From the dropdown menu on the Server Provider section, select MailChimp.

Click the ADD button and enter your MailChimp user name and the API key you have created above. Click the Submit button.

Select a MailChimp list from the dropdown menu on the MailChimp List section.

Until here, you have successfully integrated your MailChimp account with Divi Builder. Don’t forget to click the checklist button to save the changes.

By default, the Email Optin module comes with 3 fields (First Name, Last Name, Email). You can remove the unnecessary fields by opening the Fields option. Slide the switch to hide a field.

To customize the look of your email subscription form, you can go to the Design tab on the settings popup. From this tab, you can set the typography (font size, font style, and font color), the form background, field sizes, and so on. Just play around until you get satisfied with the look.

Once you are done customizing your form, you can publish or update the page. To do so, click the three-dot button on the bottom side of the editor and click the Publish button.

Original posted on: December 12, 2019

This page may contain affiliate links, which help support WP Pagebuilders.

3 thoughts on “How to Integrate Divi Builder with MailChimp

  1. first of all, thank you for the guidance.
    here is the thing…
    I did everything, I mean everythiiing you can imagine but divi and mailchimp don’t intergate.
    It makes me feel awful and confused at the same time.
    I wrote account name and api.
    but it didnt intergate!!

  2. I have a question in relation to this. I work for a campaign and I’m her webmaster now, still learning. We want to capture the physical addresses of our subscribers for local outreach teams.

    However, I cannot bet the addresses to port over to the correct field in MailChimp when adding the custom “Address” box. Any ideas on how to have it properly fill the address box in Mail Chimp?

Leave a Reply

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

Pin It on Pinterest

Thanks for commenting

Help us grow by sharing this post with your friends!

Support Us

Consider subscribing to help us grow. Get the regular articles about page builder plugins and WordPress in general.