Back to Support Design Your Site Mailchimp Pop-Up

Mailchimp Pop-Up

This feature is available on sites with the WordPress.com Business or Commerce plan. If your site has one of our legacy plans, it is available on the Pro plan.

Many people use Mailchimp for their email lists. If you’d like to give your visitors a way to subscribe to your Mailchimp list on your site, you can either use the subscriber pop-up form or a regular signup form.

💡

The Mailchimp pop-up can only be added to plugin-enabled sites, as Mailchimp requires verification by adding code to the <head> of your site. On all sites, you can use the Mailchimp block instead.

How to Add the Subscriber Pop-up Form

A subscriber pop-up form can be engaging, as it appears on top of your site, the first time a user opens it. Here’s how you can set one up.

Step One: Create the Form in Mailchimp

First, either create a Mailchimp account or log in to your current one.

Next, create an email list (Mailchimp calls this an “Audience”) for your website’s followers.

Click here to view instructions on how to create an audience in your Mailchimp account.

Once you have your new audience created, click on Manage Audience then Signup forms.

Mailchimp Signup Forms
In your Mailchimp Audience, click Manage Audience → Signup forms

In the Signup forms section of your Mailchimp Audience, select the Subscriber pop-up.

Mailchimp - Subscriber pop-up

Design and configure your form however you’d like.

It’s tempting to set up your form to show a pop-up as soon as visitors open your site. Definitely think about editing the settings to showcase the pop-up after 5 seconds instead of immediately.

Mailchimp - Pop-up settings

The Mailchimp form will only show to visitors once! The more time they have to familiarize with your site, the more likely they’ll sign up to your mailing list.

Step Two: Connect Your Site to Mailchimp

When creating your form, you will see a prompt to Connect your website to publish your pop-up on your site. Click Connect Now and you will see this option:

Mailchimp connect site screen

Enter your website’s URL, accept Mailchimp’s terms, and proceed to the next screen where they will give you a piece of code:

Copy the code from Mailchimp

You will now need to paste the code into the <head> section of your website.

To add the code to your website header, take the following steps:

  1. Install and activate the free Insert Headers and Footers plugin by WPCode.
  2. On the left-hand side of your dashboard, navigate to Code SnippetsHeader & Footer.
  3. Paste the code into the Header box and click the “Save Changes” button:
An arrow points to the box to paste the code. A second arrow points to the Save Changes button.
Paste the code into your site header and save your changes

Make sure your site is not set to private or Coming Soon mode, or Mailchimp will not be able to verify your site!

Back in Mailchimp, click the Check Connection button to tell Mailchimp to check your site for the code. If you added it correctly, you’ll see a success message:

Make sure to toggle ON the pop-up so it starts showing on your site

The first time a visitor comes to your page, they’ll get a pop-up with your subscription form. Mailchimp stores a cookie in the visitor’s browser so they don’t get the pop-up more than once. Here is an example:

mailchimp-popup-example

Update Your Form

If you’d like to make changes to your form, return to your settings in Mailchimp to make your edits. As soon as you publish those changes to the Mailchimp form, they’ll automatically be reflected when the pop-up is shown to the next visitor on your site. You don’t need to copy/paste the code again!

Alternatives to a Pop-up

While a pop-up form is an eye-catching way to get your visitors to sign up to your mailing list, you may want to integrate something a little more subtle.

Mailchimp Block

If you are using the Block Editor, you can add a Mailchimp block to a page or a post using these instructions.

Integration with Wufoo

Integrating Wufoo with Mailchimp will allow you to embed a Wufoo form on a page, post, or widget and the forms will be sent to your Mailchimp account. Those instructions can be found here.

You will need a paid Wufoo account in order to integrate with Mailchimp.

Integration with JotForm

JotForm can be embedded on a page, post or widget, and integrated with Mailchimp to curate your mailing list.

Unlike Wufoo, Jotform can be integrated with Mailchimp free of charge.

Instructions for integrating JotForm with Mailchimp can be found here.

Was this guide helpful for you?

Not quite what you're looking for? Get Help!

Copied to clipboard!