How to Integrate Divi Builder with MailChimp

MailChimp is undoubtedly one of the most popular email marketing platforms. If you use MailChimp and have a WordPress website built with Divi, you can effortlessly integrate your website with your MailChimp account.

Out of about 39 modules offered by Divi Builder, you will find a module called Email Optin. 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.

Apart from MailChimp, the Email Optin module of Divi Builder also supports similar services like 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.

On the next step, 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.

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 in place, 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.

This page may contain affiliate links, which help support our project. Read our affiliate disclosure.
Want to save yearly expense up to $219? why not?

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 Comment

Save your Divi assets to the cloud and access them from anywhere.