Support Home > MailChimp Subscriber Popup Widget

MailChimp Subscriber Popup Widget

The MailChimp Subscriber Popup Widget 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.

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 pop-up option.

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:

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

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:

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:

The first time a visitor comes to 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

Note: 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.

  • Categories

  • Contact Us

    Need more help? Feel free to contact us.