How to add a pop-up email capture form to Shopify

Source: https://getsitecontrol.com/usecase/shopify-email-popup/
Nina De la Cruz Nina De la Cruz 7 min read

If you own an ecommerce store, you know how challenging it can be to acquire new customers. That’s why successful store owners do everything to retain buyers and build long-term relationships with them.

Of all marketing channels, the best one to retain customers is email.

But collecting email addresses can be a challenge on its own. And that’s where pop-up email capture forms for Shopify come in handy. Here is an example 👇

Email capture form template by GetsitecontrolI want a popup like that on my website →

You can display it when a visitor lands on your website to greet them and offer a welcome discount. Once they join your list, you can reach them via email with new offers, collections, and recommendations.

Below, we’ll show you how to create an email capture form using Getsitecontrol – an easy-to-use email marketing app for Shopify.

Once we walk you through the setup process, we’ll review 4 popular email popup examples. You’ll get plenty of ideas and actual templates to use in your store.

How to add an email popup to your Shopify store

Before getting started, we recommend finding Getsitecontrol on the Shopify App Store and installing it on your website. The app comes with a free plan, so you can create a non-targeted email popup and start growing your list at no cost. With a Pro plan, you’ll be able to target visitors with more precision.

Once you’ve installed the app, follow the steps below.

Step 1. Select a template

To get started, log into your Getsitecontrol dashboard and click Create widget. Then proceed to Premade widgets and pick any email capture form from the gallery:

Next, you’ll be able to change the text, font, and style of the popup to make sure it matches your branding.

Step 2. Adjust the text and image

To change the text on the popup, click on any text section and type your copy.

How to customize an email capture popup for Shopify using Getsitecontrol

To replace the image, click on it and proceed to Change image. You can select another photo from the built-in stock library, upload an image from your computer or even from your store.

Replacing an image on a popup in Getsitecontrol

Finally, go to the second page of the form and repeat these steps. For example, you can thank your new subscribers for joining the list and provide the discount code right away:

Form submission success message example

In a couple of moments, we’ll also show you how to deliver the discount code to the subscriber’s email without using any 3rd-party software.

Step 3. Set up audience and page targeting

To specify when and where to display the popup, click Next → to switch to the Targeting tab. You’ll see six targeting controls allowing you to set popup displaying conditions. Take a closer look at them in the screenshot below:

Settings indicate that the popup will be displayed

These settings indicate that the popup will appear:

  1. on every page of the website,
  2. to first-time visitors only (premium feature)
  3. after they spend 3 seconds on the site (premium feature)

On top of that, the popup will stop appearing (5) for those who have filled out the form. However, those who closed the form without signing up will see the popup again in 1 day.

When you are done setting up your popup, click Save & close.

Step 4. Craft a “Thank you for joining” email (optional, premium feature)

Even if you’ve displayed the discount code on the second page of the form, it’s a good practice to also send it to your new subscribers via a follow-up email.

To craft your email, click the Follow-up button at the bottom of the popup card:

The Follow-up button at the bottom of the popup card

Next, click +Add action and select Send email from the menu:

Clicking the +Add action button and selecting Send email from the menu

Proceed to Premade emails and select an email template like this one:

Selecting an email template

This follow-up email is your chance to thank new subscribers for joining your newsletter, deliver a discount code for their next visit, and most importantly, encourage them to come back to your store. So, make sure your email features all the following elements:

Example of a follow-up email template in Getsitecontrol

💡 You can also create a sequence of emails that will be automatically delivered to subscribers at the pace of your choice. If you’re looking for inspiration, here is a guide to writing welcome email sequences.

Once your email is ready, Save & close it and activate the popup. It will instantly go live on your website.

Now that you know how things work, let’s review other Shopify email popups you may want to use along with (or instead of) the welcome offer.

4 Shopify email popups to use in your store

The secret sauce for creating a high-converting email popup is to display it at the right moment and to provide value to visitors instead of just inviting them to subscribe to your newsletter.

Below, we’ll review 4 more examples to help you come up with an idea for your popup. Feel free to grab any of the templates and use them on your store.

1. Exit-intent email popup for Shopify

An exit-intent popup is a popup displayed right before a visitor leaves your website. Powered by exit-intent detection technology, it is a proven way to prevent page abandonment while growing your email list.

Here is how it works. When a visitor’s mouse is moving towards closing the page, the app launches a popup like this one:

Exit-intent email popup template by GetsitecontrolI want a popup like that on my website →

To proceed with this scenario, all you need to do is switch the popup displaying conditions from ‘automatically’ to ‘exit intent’ in the Targeting tab.

Exit-intent trigger in the Targeting tab of the widget editor

Notice that if you want to display this popup on the cart page only, you’ll need to enter your cart page URL in the first field. Depending on your strategy, you can also target new or returning visitors — or both.

💡 Learn more from our guide to using exit-intent popups on Shopify.

2. Scarcity email popup for Shopify

Scarcity is a proven tactic for increasing sales, but it can be used for email list building, too. Consider offering a limited-time deal in exchange for a subscription. To nudge visitors into acting faster, you can even add a countdown timer like this one:

Scarcity email popup template by GetsitecontrolI want a popup like that on my website →

This example works well as a welcome popup, an exit-intent popup, or a delayed popup. To add a countdown timer to a popup, you can use custom images, GIFs, or tools like Countdownmail. It allows you to generate a custom timer and embed it anywhere, including your email, your website, or an email popup for that matter. Read a detailed tutorial here.

3. Personalized email popup for Shopify

Getsitecontrol allows you to toggle targeting controls on a deep level and display irresistible offers to your customers based on their shopping behavior.

Specifically, you can use the following information when displaying a popup:

  • Which product they have added to the cart
  • Vendor of the product in the cart
  • The number of items in the cart
  • Shopping cart total price and more

Suppose you’re a mattress company, and a customer has added your best-selling mattress to the cart. However, at the last moment, they changed their mind about the purchase. Before they leave, you can offer a special discount for that particular mattress – because you already know they want it!

Personalized email popup template by GetsitecontrolI want a popup like that on my website →

This Shopify email popup kills two birds with one stone. First, you get a new email subscriber. Second, you increase the chances they will make a purchase now that they have a discount code.

Unlike the previous examples, this popup will display the code right after a customer signs up – which means their buyer journey can continue without interruption.

To implement this scenario, open the Targeting tab and find the ‘Display widget if’ section. Then, choose the option you want to use from the ‘Shopify’ tab:

The ‘Shopify’ tab in the ‘Display widget if’ menu

This means that the popup you’ve created will only be displayed to the customers whose shopping experience in your store meets the conditions you’ve selected.

The Shopify targeting filter creates numerous possibilities for you. You can offer a discount on the item in the cart, free shipping based on the total cart price, samples from the same vendor your customer is shopping for, and so on. And you can display this popup at the exit as well as after the items have been added to the cart.

If you’re not sure which strategy is the best, you can always A/B test popups.

4. ‘Stay tuned’ email popup for Shopify

Having no discounts to offer is not a reason to stop collecting emails from your current and potential customers. Those who shop in your store, especially if they shop repeatedly, are likely to be interested in staying up to date and being the first to hear about sales. So, why not offer just that?

Instead of a modal popup, you can use a less intrusive slide-in for that purpose:

‘Stay tuned’ email popup template by GetsitecontrolI want a popup like that on my website →

In this case, we recommend displaying the popup after a visitor has spent at least a few seconds on your website. You can also target returning customers or customers coming from a particular referral source.

Popups can help you grow your email list way faster

Our popup statistics show that email popups offering a discount in return for a signup, convert 4.7% of visitors into subscribers on desktop, and 7.73% on mobile, on average.

Given that email marketing remains among the most efficient conversion channels for ecommerce, if you aren’t collecting emails yet, you’re leaving money on the table.

With Getsitecontrol, you can start growing your list today even if you have zero technical knowledge. Try it for free and see for yourself.

Nina De la Cruz is a content strategist at Getsitecontrol. She is passionate about helping small and medium ecommerce brands achieve sustainable growth through email marketing.

You’re reading Getsitecontrol usecase collection where we talk about the best practices for using website popups. This usecase is a part of Grow on Shopify section.

Get the print version

Download a PDF version of our use case for easier offline reading and sharing with coworkers.

Download PDF

Getsitecontrol

Drive subscribers to your list and convert them via emails.

Try shopify app

Quick start templates

How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify

Top stories

  1. Build a custom order form for your website →
  2. Create an email opt-in popup for your website →
  3. Add a cookie consent message to your website →
  4. Add a job application form to your website →

48 quick start templates

How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
How to add a pop-up email capture form to Shopify
Grow on Shopify

How to offer a discount code on Shopify product pages (at the right moment)

Nina De la Cruz Nina De la Cruz 6 min read

Nothing drives sales faster than a perfectly timed discount.

But how can you present these offers in a way that's both compelling and easy to use?

One easy way to do that is via targeted popups that not only display the promo but also allow customers to apply it right away.

⚡️ Read more — 6 min
Grow on Shopify

How to create a survey for your Shopify store

Nina De la Cruz Nina De la Cruz 6 min read

Of all tools, surveys are the only surefire way to find out what your customers think about your business.

  • Do they like the new collection?
  • What prevents them from purchasing?
  • Would they recommend your store to a friend?

Luckily, there is an easy way to get answers to all these questions. With Getsitecontrol, a no-code website form builder, you can add surveys to your Shopify store in the form of a modal popup, sticky bar, or a slide-in.

⚡️ Read more — 6 min
Grow on Shopify

How to Add an Exit Popup to Shopify — Easy Guide with Templates

Nina De la Cruz Nina De la Cruz 6 min read

If you own an online store, you’ve probably noticed that a large percentage of visitors leave without completing a purchase. Unfortunately, this is very common in ecommerce. But this doesn’t mean you can’t do anything about it.

One proven tool to help you tackle the abandonment issue is exit-intent popups. For example, if a customer is leaving after adding a product to the cart, you can remind them about it and offer a discount 👇

⚡️ Read more — 6 min