How to Add Mailchimp Popup to WordPress (Simple Guide)

To get started with adding a Mailchimp popup to your WordPress site, you will first need to have a Mailchimp account and WordPress website active. Make sure you’re able to login to both.

Step 1: Create a New Popup Form in MailChimp

First, you need to create a new popup form in your Mailchimp account.

  1. Login to your Mailchimp account
  2. Navigate to the Audience tab.
  3. From there, select Signup forms.
  4. Select Subscriber pop-up from the different types of forms available.

Choose the design and layout that best fits your website’s theme. You can customize the form according to your needs.

Step 2: Design the Popup Form

Once you’ve selected a layout, you’ll be moved on to the design phase.

  1. Customize the fields. Decide what information you want to gather from your visitors. You can ask for email addresses, names, birthdays, etc.
  2. Add a strong call to action (CTA). The CTA should be enticing and offer value to encourage users to sign up.
  3. Set up the display settings. Decide when and where you want the popup to be seen.

After finalizing the design, click Publish.

Step 3: Get the Popup Form Code

Mailchimp will generate a unique code for your popup form.

  1. After clicking Publish, select View Code
  2. Copy the entire javascript code that appears in the box

The next steps will involve integrating this form with your WordPress site.

IMPORTANT: Handle the code carefully and avoid any alterations as it may disrupt the functionality of the popup.

Step 4: Add the Mailchimp Popup Code to WordPress

Now you need to add this code to your WordPress site.

  1. Login to your WordPress account.
  2. Navigate to Appearance and then Editor on your dashboard.
  3. Select your active theme and find the footer.php file.

Now, you may directly paste the copied code before the closing body tag </body> in the footer.php file, but that’s not recommended unless you’re familiar with PHP code. In case you make a mistake, this may disrupt your entire website.

So, it’s safer to use a plugin to add the code to your website.

Step 5: Using a Plugin to add the form

To bypass messing with your theme’s code, there are various plugins you can use to inject code into your WordPress site’s footer. One such popular plugin is the ‘Insert Headers and Footers‘ plugin.

  1. In your WordPress dashboard, navigate to Plugins, then Add New
  2. In the search bar, type ‘Insert Headers and Footers
  3. Install and activate the plugin

After successfully activating, go to Settings and then Insert Headers and Footers.

You’ll see two big boxes for scripts, one for the header and another for the footer.

  1. Paste the Copied Mailchimp code in the Scripts in Footer box
  2. Click Save

IMPORTANT: Make sure you paste the script in the Scripts in Footer box and not in the header.

Step 6: Test the Popup

Always test if the integration works properly.

  • Open a new incognito window or clear your cache if necessary
  • Visit your website
  • Navigate around your site to trigger the popup and ensure it’s working as expected.


Hopefully, this guide helped you successfully add a Mailchimp popup form to your WordPress site. Remember, the key to a successful popup is offering value through your Call to Action and not being too disruptive to the user experience. Happy marketing!

Note: This guide assumes you already have an active WordPress site and Mailchimp account. If not, you may need to follow guide on setting up WordPress or creating a Mailchimp account.

Leave a Comment