Email, Embedding content

Mailchimp Pop-Up

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.

You can add the pop-up on a Business or eCommerce plan site only. This is because Mailchimp requires verification by adding code to the <head> of your site. On all plans, you can use the Mailchimp block instead.

Table of Contents

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. There are many ways to do this, but the simplest method is to:

  1. Install and activate the free Insert Headers & Footer plugin.
  2. Go to My Site(s) → Tools → Plugins → Plugin Settings → Insert Headers & Footers.
  3. Paste the code into the Scripts in Header box and click Save:
Scripts in Header - Headers & Footers plugin
Paste your Mailchimp code into the Scripts in Header box

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

↑ Table of Contents ↑

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!


↑ Table of Contents ↑

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.

Not quite what you're looking for?

Get Help