November 24, 2019

Where to Put the Mailchimp Popup Code on Shopify

Arrow pointing left
back to blog

about

A great way to sign up visitors on your Shopify e-commerce store to your Mailchimp email list is to use a popup prompt asking them to subscribe. In fact, a study by AWeber showed that popup prompts drove 1,375% more email sign ups than a sidebar form. If you use Mailchimp as your email list […]

the author

Robert

share this post

A great way to sign up visitors on your Shopify e-commerce store to your Mailchimp email list is to use a popup prompt asking them to subscribe. In fact, a study by AWeber showed that popup prompts drove 1,375% more email sign ups than a sidebar form.

If you use Mailchimp as your email list platform, there is a simple way to create these prompts for your online store. Let’s take a look at where to put your Mailchimp popup code on your Shopify account to make this work.

1. Find Your Mailchimp Popup Code

To create your Shopify popup signup form, start by locating the right Mailchimp popup code that you want to use. Each popup you generate will populate the list it is connected to, so you’ll want to choose the email list you want your subscriber to join.

Log into Mailchimp and click on Lists. Then choose Signup forms for the list you want to add to.

Choose Signup forms

Next, select Subscriber pop-up.

Next, select Subscriber pop-up

If you haven’t created/designed any popups yet, you’ll be prompted to do so. Once you’ve designed on to your liking, you can generate the code that you will copy over to Shopify. Note: once you’ve generated the code, the “Generate” button will change to “View Code” each time you return to this popup.

Once you’ve designed on to your liking, you can generate the code that you will copy over to Shopify

The code will look similar to this:

The code will look similar to this

Copy all the code you see.

2. Add the Mailchimp Popup Code on Shopify

Now login to your Shopify admin and head to Themes. Here, select Edit code from the drop down Actions menu.

Select Edit code

On the next screen, you’ll choose the theme you are currently using under Layout. This will populate your theme’s code where you’ll be adding the Mailchimp popup code you copied.

Scroll to the bottom of the code and you’ll paste in the Mailchimp popup code right before the tag:

Scroll to the bottom of the code and you’ll paste in the Mailchimp popup code right before the </body> tag” /></div>
</figure>
<p>‍</p>
<p>Click <strong>Save</strong> to finish adding the popup to your website.</p>
<p>‍</p>
<h2><strong>3. Test your Mailchimp Popup on your Shopify Site</strong></h2>
<p>After clicking Save, your Mailchimp Popup should now be working across your entire Shopify store. You can test whether the code was added successfully by using a new browser or Google Chrome’s incognito mode (to make it so you seem to be a brand new visitor to your own site).</p>
<p>‍</p>
<figure class=
You can test whether the code was added successfully by using a new browser or Google Chrome’s incognito mode

Integrating Mailchimp and Customizing Your Store with Shogun

The Shogun page builder app allows you to create custom pages for your Shopify store. Here’s how it works: Shogun provides you with a library of elements, and you simply drag and drop the elements you want to use into your page. These elements range from simple text and image blocks to advanced features such as slider menus, accordion sections, and product reviews. With this easy-to-use tool, online businesses are able to save a fortune on development costs.

Adding Mailchimp forms to Shogun is easy. All you need to do is create a form in Mailchimp, copy the embedded form code, and add the code into an HTML element in Shogun. See? Easy.

Shogun has a form element as well, which you can use to create and customize your own email submission forms. And if you have a knack for coding, you can use Shogun’s Custom Elements feature to make new elements and templates from scratch with Liquid, CSS, and JavaScript.

The possibilities with Shogun are all but endless. You can create whatever kind of page you want.

You might also enjoy

Get started for free

Get hands on with everything you need to grow your business with a comprehensive suite of tools.
Start now
Arrow pointing up and to the right Arrow pointing up and to the right