Shopify popups have become a must for stores using the platform to grow email lists, reduce cart abandonment, deliver coupon codes, free gifts or offer customer support, among other benefits.
But anyone who’s ever tried creating popups for Shopify would agree, engaging customers visiting the site to collect their email addresses is harder than it seems.
That’s why we’ve created this guide. Below, you’ll find 25 inspiring Shopify pop-up designs utilizing the best practices in converting visitors.
Create Shopify popups like a pro 🚀
But why use Shopify popups?
It’s simple: popups are the most effective strategy to achieve all the benefits I’ve outlined.
For example, to prepare this selection, we reviewed 218 Shopify stores. About 40% of them used popups or bars, most of them displayed on landing. But not all popups were created equal. Our research showed that even top Shopify stores still use poorly optimized popups.
Example: some ask for too many details (see the example below), a lot don’t reward subscribers, and most of them use very basic targeting.
But I hope this selection of Shopify popup windows will help you do better!
Note: We tried our best to include all sorts of popup examples: from a simple modal popup window to lightbox popups, to exit popups, and newsletter popups. Feel free to suggest more formats/examples!
Shopify popup best practices
Popups don’t always enjoy a great reputation. Many visitors complain about how pop-ups disturb their shopping experience. You can prevent it though, and still deliver successful Shopify popup campaigns if you follow these simple rules:
Use a dedicated Shopify pop-up app. It will be optimized for speed and usability, and won’t affect your site’s performance. This guide on how to add a pop up on Shopify from Wisepops will be useful to get started the right way.
Consider popup timing. Your offer doesn’t have to appear the moment someone lands on the site. In fact, the most successful popup campaigns target visitors who have engaged with your content or products already.
Match the offer to a specific target customer segment. Launching a single popup to engage all visitors is not a good idea. Visitors have different reasons for landing on your store, and the more you match the popup to that intent, the more emails you’ll collect.
So, without any further ado, here are 25 Shopify pop-up examples for your inspiration.
Shopify Email Popups
Let’s start with the best examples of newsletter popups we’ve found on Shopify stores and see what they can teach you about list-building.
Fulton & Roark
This Shopify popup contains a lot of great elements:
Visible headline that states the reward
Short sentence with newsletter description
Closing option that plays on the fear of missing out
Overlay to make visitors focus on the popup
Plus, it’s simple; with the right pop-up app, anyone can design this kind of Shopify popup.
This Shopify popup design could be vastly improved.
But two elements got our attention:
The popup mentions a convincing reason to join the newsletter (you may not be aware of new shipments if you don’t sign up today).
The brand states clearly that the subscriber’s data won’t be shared. At a time when Internet users are increasingly concerned with their data privacy, it’s a good precaution.
Does your Shopify popup need visuals? Well, this example proves that’s not always the case. The colors are stunning, they contrast with the background, and match the website color theme. Plus, as it doesn’t include any pictures, loads super fast (which is important given the importance of load time on conversions).
Not only is their design eye-catching, but their ecommerce copy also conveys all the potential benefits of subscribing to Hem’s newsletter.
If I ever publish a book about Shopify popups, I will probably pick this one for the cover.
A lot of webmasters are concerned about popups. They fear Shopify popups may annoy users, hurt their brand, or decrease conversion rate.
If that’s your case, you should like Pipcorn’s example. Displayed at the bottom-right corner of the screen, it doesn’t hide anything important on the page. A true example of what a non-intrusive Shopify popup can be.
Tigerlily Swimwear & Beachwear
Yes, visuals can take a few milliseconds to load (we don’t have enough time to develop this topic, but please keep in mind that popups generally don’t affect your website loading time).
But that’s forgotten when you see the result.
This example on Tigerlily is especially interesting:
Their visual reminds us that the popup is part of the navigation experience (to put it simply, they sell swimwear and their popup features a woman in a swimsuit).
Its black and white colors make it contrast with the colorful background, thus making it more visible (this is one of the best practices for popups).
Most of the time, Shopify popups look a lot like newsletter boxes. Most of them have a square form and lack visuals. That’s why we love this rounded Shopify popup example on Gaiam. The extra graphics on the border make it even more appealing.
That’s what we call thinking outside the box.
Again, we didn’t pick this Shopify popup window because of its design.
But because of the sign-up options. Grenco science offers three options to sign up: email (of course), Facebook and Twitter. I guess it couldn’t be easier for someone to sign up for their newsletter. Plus the 20% discount offer can’t hurt.
The Flex Company
This is another basic Shopify popup design. But we included it in the selection because The Flex Company is making good use of an opportunity to build their email list: foreign visitors.
Instead of simply stating that the company doesn’t ship to foreign countries, the popup invites foreign visitors to sign up. We can assume it will make their opening in foreign countries much easier (when the time comes).
Beardbrand took a very original approach to Shopify popups.
Instead of displaying theirs right away or on exit like most stores do, they added an email icon with a notification. When clicked, it reveals the popup. 100% non-intrusive, and the notification style makes it almost irresistible. Plus it’s compliant with Google’s guidelines for mobile interstitials.
After focusing on design and wording, let’s focus on incentives (some marketers call them lead magnets). They play an important role, as most users won’t say no to an extra reason to sign up for your mailing list.
And if you don’t have a budget to spend on coupons, a little creativity can help. The Shopify popup window example below comes from Alpine Labs, an online store selling photo accessories. Notice their incentive? It’s a promise to improve your photography skills. It speaks well to their audience (and costs them nothing). How smart!
If you don’t have any content to share, sweepstakes are a good alternative.
This Shopify popup comes from one of the largest Shopify stores: Inkbox. It’s one of the best performing campaigns across all our customers’ accounts.
See how they used a link to allow the users to close the popup instead of the traditional closing [ X ]? It helps us make sure the users have to scan the popup before they dismiss it. Sure, it’s a controversial technique (UX designers recommend using a visible way for the user to escape a modal). But it may be worth a test.
If you don’t have hundreds of dollars to spend on coupons, why not offer a simple t-shirt? It’s a bit cheap, but it works!
We’ve been supplying popups to Shopify stores for more than four years. What struck us during this review is the rise of email bars. For a long time, popups were everywhere. Now it looks like a lot of websites are switching to bars.
This evolution makes sense, as email bars:
Display better on mobile devices (and comply with Google’s guidelines on mobile interstitials)
Are less intrusive (as such, they can be displayed on all kinds of pages)
Are almost as visible as Shopify popups
Let’s review these Shopify bar examples together.
This design is very interesting for a couple of reasons:
Position: By displaying the popup at the bottom of the screen, Kylie Cosmetics’ team made sure the bar would be visible even when the user scrolls down
Colors: By using black on a mostly gray website, they successfully attract visitors’ attention to the bar
This bar design is simple. But they clearly state what the subscriber will receive (exclusive news and offers) and use the fear of missing out to perfection. As a visitor, you feel you might miss an opportunity that will not be offered again.
Again, this one is pretty simple (most bars are), but the flashy background colors and the touch of humor (“this is the part where we ask for your email”) convinced us to include it in this selection.
You’ll notice that this bar is positioned on top of the screen. Usually, this is not a position we recommend, unless it’s displayed on all pages (which is not the case here).
But its contrasting colors and humorous tone convinced us to include it.
Thinx sells a product which can be hard to sell: period-proof underwear. Their unique wording turns a potentially sensitive subject into something you can laugh about.
Their headline is pure genius. The simplicity of this bar makes it look extremely good on mobile devices as well. Looks like they killed two birds with one stone.
Let’s finish with this MailChimp popup example. We love it, not only because we love Freddy (MailChimp’s mascot), but because of this GIF-animated background. It adds movement and life to a support that’s usually mostly static. Plus it reminds us of the animated Tattly logo.
Exit Shopify Popups
If you’re not familiar with exit popups, they’re modals displayed just before the visitor leaves a web page.
Here’s a quick illustration of how they display:
Why these Shopify popups worth a separate category?
Because they usually differ a lot from “traditional popups” in terms of design. Since they’re displayed at the last minute, they’re usually very large to attract the user’s attention and convince her to stay. Most of the time, marketers use lightbox popups on exit, to limit distractions.
Let’s see some examples.
True, this Shopify popup could be a simple email popup. But the lightbox effect (background is dimmed), the generous incentive and the unusual (and unmissable shape) make it an excellent example of an exit popup.
We picked this exit-intent popup on Luxy Hair, one of the most respected Shopify stores.
Again, you find that it is using the classic overlay effect that comes with most exit modals. But two elements clearly stand out. First, there is the catchy headline (“Leaving so soon?”) that speaks well to visitors who are about to leave the website. Then, there’s the visual that makes the Shopify popup window more appealing and branded.
Sometimes you can buy an email with a coupon. Sometimes you can simply play on the site visitors’ curiosity and their thirst for knowledge.
Given Long’s Jewelers’ target—young couples about to get married—we found this lead magnet especially relevant. Well done, LJ!
Here’s another good example of a lightbox popup displayed on exit.
We love it because it gives two options to sign up: email AND text. Interesting!
Also, the wording “Qualify” gives pause: It suggests that you’re eligible today but may not get this offer ever again.
This last Shopify exit-intent popup example is one of my favorites. And there is a fabulous story behind its success.
The JewelStreet team realized that the highest converting page on their Shopify store was the best-selling items page. What did they do next? They created an exit message in the women’s jewelry category to invite visitors to check their bestsellers before leaving the site. It’s cheap, simple to implement…and it works!
Mobile Shopify popups are almost a separate world. This requires following specific rules. I won’t go into the details about mobile popups in this article because we’ve already written an extensive guide about them.
But we thought that sharing some good examples of mobile modals could help. Here we go!
Good American is one of the best performing Shopify stores worldwide. And their Shopify popup is an excellent example of good design. It takes a reasonable amount of screen estate, its message is short and clear, and its black background makes it unmissable.
This example comes from Tula, an online skin care store. Using a pink background, they made this small Shopify popup super visible. And from a visitor’s standpoint, the offer they included is irresistible!
Shopify popup: wrap-up
Want to supercharge your Shopify store with popups, too?
Give Wisepops a try. We’re Shopify’s top-rated popup app (5 stars). And you can test us risk-free: we offer a 14-day free trial and don’t ask for your credit card.
Pawel is a Head of Growth at Wisepops and a Lead Generation&Pop-up Expert.