Support Home > Utilities > Mailchimp Subscriber Popup

Mailchimp Subscriber Popup

The Mailchimp Subscriber Popup provides a popup that allows visitors to join your MailChimp list.

Many people use Mailchimp for their email lists. This widget will give your visitors a way to subscribe to one of your lists from your site.

Setup your Mailchimp Account

First, make sure to 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. Within Mailchimp, go to Audience → Signup forms, and select the Subscriber popup option.

Subscriber pop-up screen.

Design and configure your form however you’d like. Make sure to save and publish the form when you’re done.

Pro-tip: It’s tempting to set up your form to show a popup as soon as visitors open your site. Definitely consider editing the settings to showcase the popup after 5 seconds instead of immediately. The Mailchimp form will only show to visitors once! The more time they have to familiarize with your site, the better.

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:

Connecting the site with the Mailchimp 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:

Code generated after adding your website URL.

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. In your WP Admin dashboard, go to Settings → Insert Headers & Footers.
  3. Paste the code into the Scripts in Header box and click Save:
Add code in the header.

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

Connection confirmation

The first visitors visit your page, they’ll get a popup with your subscription form. Mailchimp stores a cookie in the visitor’s browser, so they don’t get the popup more than once.

Here’s an example:

mailchimp popup example

If you do not want to add the Mailchimp code to the <head> section of your site, you can use a Mailchimp Block instead.

Updating 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 on your site.

You don’t need to copy/paste the code again for the updated form to be shown to visitors.

Still need help?

Please contact support directly. We’re happy to lend a hand and answer any other questions that you may have.

  • Table Of Contents

  • Categories

  • Contact Us

    Need more help? Feel free to contact us.