Mailchimp popup code on Shopify

Posted by Stephen on March 17th, 2021

As an online businessman, you may think about how key email marketing on lead age is. Which, embeddings Mailchimp popup to your Shopify store is one of the ideal ways to deal with creating stable relations with the customers since this strategy will help you in changing visitors into real customers and lift them to purchase more orders.

On the off chance that you have not known how and where to put Mailchimp Popup Code on Shopify, don't leave behind this instructional exercise since you will be advised on the most capable strategy to do thusly. If you don't demand that your visitors subscribe to your own email show, you need to perceive that you are dismissing maybe the most promising marketing strategies to assist you with gaining sales.

On the off chance that you are using Mailchimp as your dumbfounding email list platform, there exists a clear technique to make those prompts for your online shop. Various people are as of now using Mailchimp for their email list. If you need to give your customers a mind-boggling technique to subscribe to the Mailchimp list on your own site, you can use either a standard data trade structure or the subscriber popup structure.

How & Where

Step 1: Create a campaign

The first thing you have to do is to create a campaign on OptimMonster by clicking on Creare Campaign button.

Don’t forget to choose a campaign type. They are using the Popup campaign that converted well for OptinMonster customers, particularly as they are combined with their Exit-Intent display rule.

Next, select fully customizable templates from OptinMonster. Then, give your own campaign a name and go to the Start Building button. This will lead you to the OptinMonster campaign builder which you can see your default Shopping campaign.

Step 2: Edit campaign Mailchimp

To proceed, you can alter the mission Mailchimp popup for your store on Shopify. You can change the default included picture by squeezing the picture in your mission see. As should be obvious, the altering apparatuses will be situated on the left half of the screen.

From that point forward, you can go to the feature situated in the mission review. Once again, the altering instrument situated on the left shows up. Make sure to supplant the feature that is more engaging for your own email marketing effort.

What’s more, you can utilize a comparative method to alter body messages inside. Additionally, on the off chance that you need to fix the content arranging and shading as your interest, you can utilize the altering apparatuses.

Next, you can choose the email address area to open the editing tools for Fields Element. You can access the editing tools from here for Form Actions, Buttons, Fields, and Block.

Go to Fields located in the editing tools. Give text changes if necessary.

Change the text formatting from the Styles area in the editing tool.

Step 3: Set form display rules

In this step, Shopify users can set form display rules. Let’s head to the Display Rules tab.

OptinMonster enables you to access the time on page display rule by default. In fact, this is one of the most perfect ways to make sure that each visitor can have a chance to see and check your campaign.

Take note that you have to guarantee all of the visitors have the last opportunity to get your store subscribed before they leave. To help you achieve this goal, you are recommended to use Exit-Intent. This amazing display rule will assist you in detecting as visitors tend to click away so that it can popup the subscription form before they leave.

Step 4: Generate form code

As you might not know, the best place to insert the code might vary in different sites; hence, you can come to a developer in case you cannot be sure where to change your sites’ HTML.

To create your form code and get it added to your own sites immediately and manually, you can follow those steps below:

  1. Direct to the Pop-up form editor.
  2. Choose on Generate Code.
  3. Highlight the code as well as copy it to the clipboard from the Copy/paste your site pop-up modal.
  4. Have the code pasted into the site’s HTML.

The pop-up form will be displayed as someone is visiting your sites. If customers fill out and submit your form, you can add them to the Mailchimp viewers as the subscribed contact.

Step 5: Get Mailchimp Popup Code

To produce your Shopify pop-up sign-up form, you can start by knowing how to locate your right Mailchimp pop-up code you want to apply. Each pop-up you create will occupy the list which is connected to; hence, you might wish to select the email list you really want the subscribers to take part in.

Let’s log into Mailchimp as well as choose Lists. Next, you can select the Signup forms for your desired list you want to add it to.

After that, don’t forget to go to Subscriber pop-up.

In case you have not generated any pop-ups yet, you will be recommended to do so. Whenever you design to your liking, you can create a code you will copy to the Shopify store. Take note that when you finish generating this code, the Generate button will change to the View Code.

Step 6: Add the Mailchimp Popup Code to your theme

Adding Mailchimp’s site code to the Shopify store allows you to use the popup forms as well as Google remarketing ads, however, it will not allow you to access other eCommerce features, including product reports and recommendations.

To add the Mailchimp Popup Code on your them, you can follow the steps below:

  1. Log in to your Shopify admin and choose Themes.
  2. Choose the Edit code located at the drop-down menu.
  3. Choose a theme you are using located under the Layout. This can populate the theme’s code where you can add your Mailchimp popup code you are copying.
  4. Scroll down to the code at the bottom and paste the code in the Mailchimp popup before the tag:
  5. Click on Save to complete the popup addition to the site.

Step 7: Test your Mailchimp Popup code

After saving, your Mailchimp Popup can now work for your entire store on Shopify. Shopify enables you to test if the code is added successfully or not by applying a new browser or Google Chrome’s incognito mode.


We trust that this total guide on how and where to put Mailchimp Popup Code on Shopify will be essential for your business systems to build the transformation rate and develop your store’s income.

Like it? Share it!


About the Author

Joined: January 20th, 2021
Articles Posted: 90

More by this author