Where to Put the Mailchimp Popup Code on Shopify
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.
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.
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.
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 </body> tag:
Click Save to finish adding the popup to your website.
3. Test your Mailchimp Popup on your Shopify Site
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).
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.