How to Create a MailChimp Shopify Signup Form That Converts Like Crazy

Are you using a MailChimp signup form on your Shopify site? If you’re not asking visitors to subscribe to your email list, you’re ignoring a powerful marketing method that can help you make more sales.

The thing is, email is still one of the best ways to reach anyone. The latest email marketing statistics show that more than 90% of people still use it.

That’s why adding a Shopify newsletter signup via MailChimp is one of the best ways to form a relationship with your audience. You can make your signup form even more appealing by providing a lead magnet for your new subscribers.

An eCommerce email marketing strategy will help you turn new visitors into customers, and encourage existing customers to become repeat customers.

OptinMonster customer The Eczema Company got a 158% increase in conversions with an email signup form. The bottom line is that using email marketing to promote your Shopify store will help you make more sales.

Eczema Shopify MailChimp signup form

Why Use OptinMonster for Your Shopify MailChimp Signup Form?

Here’s some more good news: you don’t need a special Shopify MailChimp app to create your popup.

Even better, you won’t have to mess about with code to create your campaigns. That’s because OptinMonster integrates easily with both Shopify and MailChimp, so it just takes a few clicks to set it up.

You can grab your visitors’ attention with our wide range of attractive templates to make your email signup boxes really pop. Check out our popup gallery to see some examples.

And, since the more targeted your campaign is, the better your chances of getting signups, you can use OptinMonster to get really specific about who sees your marketing campaign depending on your customers’ device, location, previous actions, and much more.

Best of all, OptinMonster pioneered Exit-Intent® Technology, a powerful tool for list growth. Exit intent detects when people are about to leave your site for good, and shows your campaign just before they do.

EczemaCompany.com saw their signups multiply 2.5x after switching from another provider’s exit intent popups, and Podcast Insights used Exit-Intent® to engineer a 1099% increase in downloads of his lead magnet.

podcast insights shopify newsletter popup

How to Add MailChimp to OptinMonster

With OptinMonster, you won’t have to worry about where to put the MailChimp Shopify popup code. It’ll happen automatically when you enable both integrations. Let’s start by adding MailChimp to OptinMonster.

When you’re in the OptinMonster campaign builder, go to the Integrations tab, and click on New Integration.

shopify mailchimp popup integration

Then go to Email Provider and choose MailChimp from the dropdown menu.

03-select-email-provider

If you haven’t already got one, get a MailChimp API key, then enter it in the MailChimp API Key field.

Add a label to identify this integration, then press Connect with MailChimp.

07-connect-with-mailchimp

Don’t worry; you’ll only have to do this once, then all your email lists will be available whenever you need to integrate them into your marketing. We’ll show you how to add a MailChimp list to your campaign in step 4 of our tutorial.

Next, let’s look at the steps you need to create a campaign like the one below, and add it to Shopify.

final shopify mailchimp signup form

1. Create a Campaign

Login to OptinMonster and press the Create Campaign button.

om create campaign button

Choose a campaign type. We’re using the Lightbox campaign which, as you’ll see later, has converted well for OptinMonster customers, especially when combined with our Exit-Intent® display rule.

om create lightbox

Choose a theme. We’re using Shopping.

om choose shopping theme

Give your campaign a name and press Start Building.

om name campaign start building

This will take you to the OptinMonster campaign builder, where you will see the default Shopping campaign.

om default shopping campaign

2. Edit the Campaign

Next, it’s time to edit the MailChimp popup for your Shopify store. Add a suitable image by clicking on the image icon.

om add image to campaign

If you are stuck for image inspiration, try our list of places to find free images online.

Click on the preview and select the headline text. Replace that with a headline that’s more appropriate for your email marketing campaign.

om edit headline text

You can also use the same method to edit the body text. Use the pop up menu to fix text formatting and color as desired.

Click on the email field to go to the Email Field. Change the prompt text if you wish, though we’ll leave it as is.

om edit email field

Click on the button to go to the Submit Field in the campaign builder. Change the text as needed.

om edit submit field

You can also change the button color using the popup color picker box.

om edit submit color

Make your marketing campaign stand out even more by adding a display effect. Go to Design Fields » Display Effect, then choose one of the options. These’ll make your MailChimp Shopify signup form stand out even more.

om choose display effect

You can also add an audible alert by navigating to Design Fields » Sound Effect, and adding one of the available sounds.

om add sound effect

3. Set Display Rules

Next, choose when your Shopify MailChimp signup form will display. Go to Display Rules » When should the campaign appear?

By default, OptinMonster enables the After ‘X’ seconds display rule. This is a great way to ensure every visitor sees your campaign.

after-x-seconds-display-rule

It’s also a good idea to make sure visitors get one last chance to subscribe before they leave your Shopify store. To do that, we recommend you enable On Exit-Intent®. This powerful display rule detects when visitors are about to click away so it can pop up your subscription form just before they do.

om exit intent enabled

Exit-Intent is one of our most popular and successful display rules, and is proven to convert. Ryan Robinson used the technology to boost signups by 500%, and Scott Wyden was able to triple his email list.

scottwyden_lightroom_lightbox

How to Get Exit-Intent® for Mobile

If you’re targeting mainly mobile visitors, you can still get a similar effect to Exit-Intent®. Just enable InactivitySensor™ (Seconds of Inactivity) and your campaign will show when visitors stop taking action for a while.

om inactivity sensor on with 30 second timer

How to Target Your Most Engaged Visitors

If you want to get subscriptions only from visitors who’ve shown they’re interested in your content (and therefore are more likely to buy in the future), then there are two OptinMonster display rules that help you to do this.

One option is to enable the Visitor has viewed ‘X’ pages display rule, to target your campaign to visitors who’ve already looked at a couple of pages and are therefore interested in your store.

visitor has viewed 2 pages dec 2017

Another option is to show campaigns only to visitors who have demonstrated their interested by scrolling a certain way down the web page. To enable this, go to When should the campaign appear? Navigate to After scrolling down ‘X’ amount. This is set to 50% but you can increase that even more to target more engaged visitors.

visitor has scrolled 70pc

4. Choose Your MailChimp List

Next, go to Integrations » New Integration » Email Provider, and select MailChimp from the dropdown list.

Next, choose your account in the Email Provider Account box that appears below.

03-select-email-provider

You’ll then see a new box: Email Provider Lists.

08-mailchimp-select-list

Choose the list you want to use with your campaign from the dropdown list.

select mailchimp list

Then the Lead Options box will appear. You’ll be able to choose whether you want to enable Double Opt-In. (Here’s a comparison of single vs. double opt-in to help you decide.)

09-mailchimp-enable-double-optin

That’s all you need to do to ensure new subscribers who sign up via your campaign get added to your list.

How to Add a MailChimp Popup to Shopify

Finally, it’s time to publish your Shopify MailChimp signup form.

First, make sure you have connected OptinMonster to Shopify with our app.

Then go to Setup » Campaign Website and add the URL of your Shopify website.

Shopify-4_8

Save your campaign and click Publish to bring up the publishing options. Click on Shopify to publish your campaign there.

om publishing options shopify

Follow this video or see our documentation for step-by-step Shopify integration instructions:

That’s it! Now you know how to create a high-converting Shopify MailChimp signup form. Check out our other Shopify tutorials to boost sales even more:

And follow us on Twitter and Facebook for more tutorials and guides.

Sharon Hurley Hall has been a professional writer for more than 25 years, and is certified in content marketing and email marketing. Her career has included stints as a journalist, blogger, university lecturer, and ghost writer.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.