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:
- WordPress web site
- MailChimp account
- JetPack Plugin for your WordPress site
Let’s start off with what you need to do in MailChimp, login to your account then click Audience> View Contacts. Select and click your desired List, then click the link for Signup forms. Finally, click the icon: 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.
Everything looked OK, so I was ready to create the code for this pop-up form, click the button: View 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.
Here are the details of my sidebar after I pasted in my 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:
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:
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.