Dark Mode On / Off

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019)

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 1

Email or newsletter subscription is one of the best ways to build your audience base and increase your website’s traffic. Email marketing is still beneficial, and every business or website owner uses it to engage with their customers and visitors.

MailChimp is one of the best and easy to use email newsletter services available in the market. In this article, I will guide through the steps on how to integrate MailChimp with WordPress.

Why use MailChimp for WordPress websites?

There are many email marketing services available, like Convertkit, GetResponse, AWeber, and ConstantContact. So, why is MailChimp an ideal choice for WordPress users?

MailChimp is one of the best and easy to use email newsletter services. It is free up to 2000 newsletter subscribers, including 10000 free emails per month.

In addition to this, MailChimp offers 7 marketing channels, basic templates, Marketing CRM, Landing Pages, Popup-forms, basic reports, smart recommendations, and many more without the cost of a penny.

MailChimp simplicity and easy to use interface without any initial costs are enough to set up an email subscription on your site to capture leads.

Signup for MailChimp

The process to signup for the MailChimp account is relatively simple. The signup process doesn’t require credit card information. So, you can signup in less than 30 seconds to get started.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 2
Signup for MailChimp account

Once you create your account, you will receive an activation email. Upon activating your account, you need to select a plan and add setup your profile.

You need to fill the details to set up your MailChimp account.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 3
MailChimp Profile setup

Once you have configured your MailChimp account, it is time to get started with some additional basic settings.

Getting Started with MailChimp in WordPress

Now, that you have configured completed the initial MailChimp configurations, it’s time to dive to explore more additional settings such as importing email lists, creating a campaign, etc.

When you visit your dashboard, it will look something like shown below.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 4
MailChimp Dashboard

If you have used any other email platform earlier and have a list of contacts, you can import all your contacts to the lists. To import your contacts, you can follow the below steps:

Step #1: Click on the Audience menu at the top.

Step #2: You can see an option to import your contacts, click on Import Your Contacts button.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 5
Importing Your Contacts in MailChimp

Step #3: You have to select the option on how you like to import the contact and click on Continue to Setup located on the bottom right corner.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 6
Select Contacts file type

 

Step #4: Complete the action as prompted based on the option you select.

However, if you are starting with MailChimp for the first time, you can go ahead and click on Create a Campaign button.

By creating a campaign, you can send automated emails to your subscribers anytime, target your contacts, create landing pages to capture emails, track posts across social channels, and much more. For example, you can create a campaign to send an email whenever you publish a post.

I will show you step by step process to create a campaign to send an automated email to your subscribers every time you publish a post. Once you follow these steps, you will have an idea on how to create different campaigns as per your needs.

When you click on Create a Campaign button, you will get a popup. Select the Email option located at the top.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 7
Creating an automated Email Campaign

Since we are going to send automated emails to share your blog posts, click on the Automated tab, and select Share blog updates option.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 8
MailChimp Campaign Share blog updates option

Now, you will be asked to name your campaign. Leave it as default or name it as you like it and click on the Begin button.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 9
MailChimp Campaign Name

Enter the feed URL, select the time and days to send the automated email. Your feed URL is something like this: https://yoursite.com/feed

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 10
MailChimp Campaign RSS Feed and Send Timing settings

After you click on the Next button, you have to choose your audience. You can either send your entire audience, a group of audience, or a segment of audience (New, Active or Inactive subscribers).

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 11
MailChimp Campaign Audience Selection option

After selecting your audience, you have to configure your campaign info. Enter the necessary details, personalize the campaign info, and click on Next.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 12
MailChimp Campaign Info settings

You will see different email templates. Explore the available templates and click on Next after you decide a template.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 13
MailChimp Campaign Email Template

Now, you can configure the email template adding your logo, post title, excerpt and so on.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 14
MailChimp Campaign Email Template Configuration

You can also send the test email to your email address to test the email template you have designed. You can send the test email via Preview and Test > Send a test email.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 15
Sending Test Email from MailChimp

Here’s the sample of the test email.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 16
MailChimp Campaign Test Email Sample

Once your email template is ready, click on the Next button and then click on Start RSS to start the email campaign.

After doing this, you are all set to integrate MailChimp with WordPress.

Integrate MailChimp with WordPress

Now that, you have successfully configured the campaign and set up MailChimp, it is time to integrate MailChimp with WordPress to capture the email address of your subscribers.

There are different ways you can integrate MailChimp with WordPress. You can either use a plugin or directly embed the MailChimp’s signup form (also called subscription box).

Method #1: Using a Plugin

The simplest and easiest way to integrate MailChimp with WordPress is by using a plugin. You can find any free WordPress plugins for MailChimp.

One of the most popular plugins is MailChimp for WordPress, and it is straightforward to configure. Follow the below steps:

  • Install and activate MailChimp for WordPress plugin from your Dashboard > Plugins > Add New.

    How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 17
    MailChimp for WordPress plugin
  • Once you have installed and activated the plugin, go to MC4WP > MailChimp.
  • Now, to generate an API key, click on Get your API key here link.
How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 18
MailChimp for WordPress API key settings
  • You haven’t created the API key, click on Create a Key button. You will get an API key.

    How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 19
    MailChimp API Key
  • Copy the API key, paste in the plugin API key field and click on Save Changes button.

    How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 20
    Adding API Key in MailChimp for WordPress

Now that the plugin is connected, it is time to create a form and add it in the sidebar or wherever you want to display the subscription box.

To create a subscription form, go to MC4WP > Form. Give the title for the form and start editing the fields.

By default, the form only includes a subscriber’s email address field, but you can add more fields.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 21
Adding New Form in MailChimp for WordPress plugin
How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 22
MailChimp Subscription Form

Once you have configured the fields, click on the Save Changes button to publish it. Now copy the form shortcode.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 23
MailChimp Subscription Form shortcode

You can paste this shortcode to display the subscription box anywhere on your site, including posts and pages. I will demonstrate how to display it in the sidebar.

To add it in the sidebar, go to Appearance > Widgets > Add Text widget > Add the title and paste the shortcode.

How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 24
Adding subscription box in the sidebar
How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 25
Newsletter in Sidebar

Method #2: Using the MailChimp HTML Embed Code

If you don’t want to use the plugin, you can use this approach. In this method, I’ll show you to generate the newsletter subscription box code using MailChimp’s embedded code generate.

Follow the steps mentioned below:

  • Go to the MailChimp dashboard and click on the Audience. If you haven’t created the Audience, you can create it.
  • Next, you need to create a Signup Form. Click on Manage Audience > Signup Forms.

    How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 26
    Audience in MailChimp
  • You will see different ways to integrate the MailChimp with WordPress. Click on Embedded forms.

    How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 27
    MailChimp Signup Forms
  • On the left-hand side, you will see the form settings and on the right-hand side, the embed code. Configure the form and copy the code. Remove the unnecessary fields before you copy the code.

    How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 28
    Signup Form Embedded Code
  • Once you’ve designed your signup form and copied the code, go to your site Dashboard > Appearance > Widgets > Drag and drop Custom HTML widget in the sidebar.
  • Paste the code copied earlier and click on the Save button.
    How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 29
    Adding Signup Form in Sidebar

     

    How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 30
    Signup Form in Sidebar

In this way, you can easily add the MailChimp Signup forms on your site.

How to add MailChimp Popup form?

You can take a step further and also add the MailChimp popup. The process is straightforward and is mentioned below.

  • Go to MailChimp Dashboard > Manage Audience > Signup Forms.
  • Click on Subscriber pop-up.

    How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 31
    MailChimp Subscriber Pop-up form
  • Design the popup form by adding the necessary icon, fields, and text.

    How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 32
    Subscriber Pop-up form settings
  • When you are satisfied with the popup settings, click on the Generate Code button.

    How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 33
    Generate code for the Subscriber Popup form
  • A dialog box with code will appear. Copy the code.

    How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 34
    Subscriber Pop-up Code

Now you need to add this code on your site. You can use the free plugin Insert Headers and Footers plugin. Here’s a step by step guide to install and activate WordPress plugin easily.

After you have installed and activated the plugin, go to Admin Dashboard > Settings > Insert Headers and Footers.

  • Paste the code that you copied earlier.

    How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 35
    Adding MailChimp Subscriber Pop-up form using Insert Headers and Footers plugin
  • Click on the Save button.
How to Integrate MailChimp with WordPress: A Step by Step Guide (2019) 36
Preview of MailChimp Subscriber Pop-up form

In this way, you can easily add MailChimp subscriber’s pop-up form on your site. It can be helpful to collect emails from your visitors.

Final Thoughts

More than 70% of users who visit your site will probably never come back. To keep in touch with them and to promote your content, Email is one of the effective solutions. Everybody owns an email account that is private, personal, and used for communication on day to day basis. Email lists provide you with an opportunity to serve your loyal followers and boost your site traffic. All the visitors who signup for your newsletter expects you to present them with top-notch content. It is your responsibility to avoid the misuse of email lists and avoid spams to them.

I hope this article helped you integrate MailChimp with WordPress. If you have any questions or suggestions, please feel free to let me know in the comment section below. I would love to hear from you.

Leave a Reply

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

Recommended Articles