Written: March 9, 2018

MailChimp test

Adding a MailChimp PopUp Form to your WordPress Site

I have a WordPress client that uses MailChimp for emailing updates to their customers, so they wanted an easy way to prompt web visitors to join their email list. We already had a MailChimp form on their WordPress site, but the client wanted to have a PopUp appear after 5 seconds on their Home page that would invite visitors to opt in. After spending a few minutes doing a Google search I found several methods that simply didn’t work, then finally hit the one that did work, so here’s what you need to make this happen:

  1. WordPress web site
  2. MailChimp account
  3. JetPack Plugin for your WordPress site

Let’s start off with what you need to do in MailChimp, login to your account the click Lists. Select and click your desired List, then click the link for Signup forms. Finally, click the icon: Subscriber pop-up

Subscriber pop-up

Subscriber pop-up

In MailChimp select the Format, I chose Modal which means that the pop-up appears in the middle of the web page. Under Display I selected 5 seconds. I added an Image to the pop-up, then changed my Text.

pop-up design in MailChimp

Pop-up Design in MailChimp

Everything looked OK, so I was ready to create the code for this pop-up form, click the button: View Code

copy mailchimp code

Copy MailChimp Code

Select this code, then Copy it to your clipboard, Control+C on Windows (Command+C on Mac).

We want to Paste this MailChimp code into a widget area in WordPress, so login to your WordPress site and click on: Appearance> Widgets

From the list of Available Widgets find and click on: MailChimp Subscriber Popup (Jetpack)

I added this widget to the Header area of my Theme, so your Theme would probably have different sidebar names, choose your theme-specific sidebar.

Header Sidebar

Header Sidebar

Here are the details of my sidebar after I pasted in my MailChimp code:

paste MailChimp code

Paste MailChimp code

Notice how WordPress will alter your pasted code from MailChimp after you Save the form. I setup a condition to Show the pop-up on the Home page only, remember that in MailChimp is where I defined that the pop-up appears after 5 seconds.

I then browsed the Home page and waited 5 seconds, sure enough there appeared my pop-up MailChimp form:

MailChimp test

MailChimp Test

To complete the test I entered my email address and clicked the Subscribe button.

Back in MailChimp I viewed my List and searched for my newly added email name:

new mailchimp email

New MailChimp email

There you have it, we just added a MailChimp pop-up to our WordPress site using the Jetpack Plugin with some Copy/Paste and logo customization. Now the client can attract even more web visitors to receive email updates which will save them both time and money, a win for everyone.

Tags:

4 responses to “Adding a MailChimp PopUp Form to your WordPress Site”

  1. Mary Ann says:

    Thank you for sharing this. Will it work for free Mail Chimp accounts or paid only?

  2. Greg says:

    Thanks. I needed this today.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Blog Tags

Recent Posts

Blog Directory & Business Pages at OnToplist.com