How to create a newsletter popup for your Shopify store

When someone fills out this form, it means two opportunities for you. First, you get a new subscriber whom you can reach directly via email. Second, you give away a discount code – and that increases your chances of making a sale.

Sounds like something you’d like to implement in your store? Then keep reading to find out how to do it.

Below, we’ll show you how to create a high-converting newsletter popup using Getsitecontrol – an easy-to-use email marketing app for Shopify.

You’ll also learn how to display the popup at the right moment and how to set up a follow-up email automation, so your subscribers come back and take advantage of your offer.

How to add an email newsletter popup to Shopify

Getsitecontrol makes it really easy to create a newsletter popup and adjust it to your goals. There’s no need to deal with the code or the theme of your store. Just select a template from the gallery, adjust its appearance, if necessary, and activate the popup on your website.

Here is a step-by-step walkthrough of the process 👇

Step 1. Pick a template

Assuming you’ve already installed Getsitecontrol to your Shopify website, log into the dashboard, click Create widget, then proceed to Premade widgets, and select an email form to your taste.

Each template has its own set of features, including display triggers and coupon codes. Hover over the templates to learn more about them, but keep in mind that you’ll be able to change those settings if you want.

Step 2. Adjust the copy

Once you’ve added the template to your dashboard, select any piece of text right on the popup and edit it.

This way, you can adjust the title, description, and button text, change field text, and add microcopy at the bottom. Your main objective here is to make it clear what your offer is, and what a visitor should do to take advantage of it.

Step 3. Adjust the image, font, and form style

To replace the image on the popup, you have three options: import any image from your store, select a stock image or GIF from the built-in gallery, or upload a picture from your computer. To get started, just click on the image and proceed to change it; then choose your preferred option from the menu:

💡 To change the font, style, and color theme, open the Theme menu at the top and see your options.

Step 4. Adjust the second page of the popup

Once visitors fill out the form, they will see its second page, reserved for a submission confirmation message. You can open and edit the second page by navigating to page-2:

To make adjustments, follow the same steps you took with the first page. For example, in the description, you can thank your subscribers for joining, display the discount code you promised, and tell them what happens next.

In this example, the default button is set up to close the popup. However, buttons can be also utilized to let subscribers copy the coupon code to the clipboard. Let’s see how to do it.

First, you might want to add a new button:

Next, type ‘COPY CODE’ in the text field, proceed to +Add action, and select ‘Copy to clipboard’.

Finally, type the coupon code in the first field. That’s what your subscribers will copy upon clicking the button. The confirmation message — ‘Copied!’ – will briefly appear to confirm the action.

Note that you can also send the confirmation message along with the discount code to your new subscribers via email. We’ll show you how to do it in the following steps.

Step 5. Decide when to show the popup

Before your Shopify newsletter popup goes live, you need to decide when it should start being displayed on the website.

To get started, hit Next → in the top right corner to open Targeting settings. In most cases, it’s a good practice to display popups after a visitor spends a few seconds on a page:

Other options available in this menu allow for displaying a popup:

• At once, upon arrival (automatically).
• After a visitor has scrolled down a certain percentage of a page.
• When a visitor starts heading to exit.

You can also adjust page targeting to display the popup on specific pages, and targeting conditions to display the popup to specific audience segments – such as first-time visitors, visitors from certain countries, visitors coming from paid ads, and so on. Feel free to click around and get familiar with the targeting settings.

Once you’re finished, head to the top right corner to close the popup editor.

Step 6. Create an automated follow-up email

Whether you choose to display a coupon code right on the popup or not, it’s a great practice to send a confirmation email to your new subscribers – also known as a follow-up email. You can do it right in Getsitecontrol.

Use automated follow-up emails to remind new subscribers about the offer and encourage them to use it.

To get started with the email, open the Follow-up menu on the popup card:

You’ll be taken to the screen where you can create a follow-up automation. Proceed to +Add actions and select Create email from the menu.

From there, you can create a follow-up email from scratch or use one of the premade templates. The latter option is typically faster:

All templates include an image, a set of product cards, or a countdown timer, a generic message, a coupon code, and a button leading to your website. Of course, you can change every element of the email to make sure it’s aligned with your branding and tone of voice.

When your follow-up email is ready, save the automation and activate it.

💡 Follow-up automations allow you to do much more than just sending signup confirmations. For example, you can also tag subscribers based on their characteristics or preferences.

Besides, instead of a single email, you can create a welcome sequence where each email will be sent after a time delay. For instance, you can use your second email to introduce your brand and its mission; the third email – to feature your bestsellers, and so on. To get inspired, check this collection of welcome email examples.

How do I analyze the performance of my popup?

To get a high-level view of the popup performance, use the quick stats report right on the popup card. It shows how many website visitors have seen the popup, how many times they clicked through, and how many follow-up emails have been sent so far.

Click on these numbers and proceed to Statistics if you want to deep-dive into the details of the report. For example, you can see how the popup has been performing over time, and whether there is a correlation between the click-through rate (CTR) and other parameters, such as the referral channel or website page where the popup is viewed.

Finally, if you want to get a better understanding of who your subscribers are, click Responses on the popup card. You’ll be able to see the email contacts who’ve joined your list through the pop-up form, view their locations, browser parameters, and referral channels.

If you notice that your newsletter popup performs worse than anticipated, you can always edit it or even run an A/B test.

Create a newsletter subscription popup for your Shopify store today

When set up right, popups work very well, especially for ecommerce brands whose struggles are often caused by the lack of user engagement.

Our research shows that an average signup rate for email popups on Shopify and other platforms is 3.77% for desktop and 6.57% for mobile devices.

A simple newsletter popup can help you accomplish multiple crucial tasks, email list building being just one of them. Add one to your store today and see how it works for you.