How to Add Mailchimp Popup Code on Shopify

Last updated: December 05 2024

Written and researched by experts at Avada Learn more about our methodology

Adding a Mailchimp popup to your Shopify store is a great way to grow your email list and engage with your customers. A well-designed pop-up will make all the difference.

In this guide, I’ll walk you through the steps to add a Mailchimp popup code to your Shopify store. Don’t worry if you’re not a tech expert—I’ll keep it simple and easy to follow.

Let’s go!

A Mailchimp popup can help you grow your email subscriber base for future campaigns, offer discounts, or promote new products. Here’s why it worked so well:

Capture More Leads: A popup lets you collect customer emails right on your store. It’s perfect for turning visitors into subscribers, even if they don’t make a purchase right away.
Boost Engagement: You can use popups to promote discounts, freebies, or exclusive offers. This grabs attention and encourages customers to take action.
Personalized Marketing: With the emails you collect, Mailchimp helps you send personalized campaigns that keep your customers coming back.
Easy to Set Up: Adding a Mailchimp popup to Shopify doesn’t require coding expertise. With a little setup, you can have it up and running in no time.
Improve Conversion Rates: With popups, you can easily remind customers about items left in their cart, offering incentives such as discounts or free shipping to encourage them to complete their purchases.
Data Collection: Popups can be used to collect customer preferences and feedback, which can help you refine your marketing strategies and improve your overall business operations.

Preparation

Before starting this process, keep these important points in mind:

Obtain explicit consent from your customer for email marketing.
Currently, you can only send text messages via MailChimp to subscribed customers within the country associated with your email marketing program. For example, if your program’s sending country is the UK, you can only send emails to UK-based subscribers.

Step 1: Preparing Your Mailchimp Account

Navigate to the Connected Sites > Custom website
Enter your Shopify domain into the Enter Site URL field.

Select your audience and click Get code

From your Shopify admin. Go to Online Store > Themes > Edit code

Navigate to the {/} header.liquid section.

Navigate to the {/} header.liquid section.

Scroll to the bottom of this file and paste the Mailchimp popup code just before the closing </body> tag.
Click Save.

Finally, return to your Mailchimp account, access the Connect Sites page, and select Check Connection.

Once your connection verification is complete, you will receive a confirmation message. That's all there is to it!

With this confirmation, you can now access specific tools in your Mailchimp account, such as Google remarketing ads, pop-up sign-up forms, and additional features.

Many users face typical challenges during this integration process. Here are some common issues and troubleshooting tips for you:

The Popup Doesn’t Appear on Your Store

Possible Causes:
- The Mailchimp popup code wasn’t placed correctly in your theme.liquid file.
- Browser caching is preventing the popup from loading.
How to Fix:
- Double-check that the code is added just before the </body> tag in your theme.liquid file.
- Clear your browser cache or test the popup in an incognito window.
- Ensure the popup is activated in your Mailchimp settings.

Popup Doesn’t Work on Mobile Devices

Possible Causes:
- The popup design isn’t responsive.
- Popup display settings are not optimized for mobile.
How to Fix:

Check your Mailchimp design settings and ensure the popup is mobile-friendly.
Adjust the popup size and placement in the Mailchimp editor.
Test your store on multiple mobile devices to confirm functionality.

Emails Aren’t Being Collected

Possible Causes:
- Incorrect connection between Mailchimp and your Shopify store.
- Popup isn’t properly linked to your Mailchimp audience.
How to Fix:
- Verify that your Mailchimp audience is correctly set up to collect emails from the popup.
- Ensure the embed code was copied in full and no parts are missing.
- Reconnect your Mailchimp account to Shopify if needed.

Bottom Line

That’s all about how to add Mailchimp popup code on Shopify. Take the time to set it up right, and you’ll see the benefits in no time!

FAQs

No, you don’t need coding experience. The process involves copying and pasting the embed code into your Shopify theme.

Yes, Mailchimp’s popup editor allows you to customize colors, text, and layout to match your store’s branding.

Yes, Mailchimp popups are responsive, but ensure you design them with mobile-friendly settings in the Mailchimp editor.

You can set the frequency and behavior of the popup in Mailchimp, such as showing it once per visit or after a specific delay.

Include a clear headline, a brief description, and a compelling call-to-action. Offering a discount or free resource often encourages sign-ups.

Can I use other tools besides Mailchimp to create popups on Shopify?

Yes, Shopify supports various apps like Privy, Justuno, or OptinMonster that can also create and manage popups. Choose the one that best suits your needs.

Table of content

Sam

Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.