Ecommerce Popups

Ecommerce Popups

6 Ecommerce Popups You Can Use to Drive More Revenue (w/ Examples & Templates)

Ecommerce popups can help you not only build a highly-targeted list of subscribers, but also reduce cart abandonment and grow your sales. In this post, let’s show you how top brands are using popups strategically—with six types of ecommerce popups that’ll help drive more revenue.

Ecommerce stores can get way more out of popups than capturing a few email addresses. They can also be used for several strategies that drive bottom-line revenue.

Take it from Cuddle Clones, the custom stuffed animal ecommerce store. The brand used popups to capture 150,000+ email and SMS subscribers, but also uses them to recover abandoned carts, make in-cart upsells, and more.

The key to driving such results with ecommerce popups, however, lies in showing:

  • The right offer;
  • to the right person;
  • at the right time.

With the aim of providing nothing but value to your audience. 

Want to learn how to use ecommerce popups to grow your business? In this post, let's show you six of the best ecommerce popups to use. We’ve also some best practices for designing these popups and ecommerce popups templates to help you get started today.

What is an ecommerce popup? 

An ecommerce popup is a website popup used to increase or decrease any ecommerce metric—such as conversion rate, average order value (AOV), and cart abandonment. You can also leverage well-timed ecommerce popups to grow your email and SMS lists and drive repeat purchases.

Types of ecommerce popups

As already mentioned, ecommerce popups can be used for way more than pushing a discount to collect email subscribers. Here's a list of a few key tactics that ecommerce brands can employ within popups:

  • List growth. Show welcome offers to first-time visitors in exchange for their email and/or phone number.
  • Cart abandonment. Remind shoppers to checkout if they go to exit with items in their cart.
  • Quizzes. Promote a quiz that makes personalized recommendations based on each person's answers.
  • Add to cart upsells. Boost AOV by pushing related products as soon as someone adds an item to their cart.
  • In-cart cross-sells. Promote similar products once someone enters the cart page.
  • Product recommendations. Push new lines and recommend products to subscribers and customers returning to your store.

This list is also just the tip of the iceberg. Check out ConvertFlow Playbooks for in-depth guides on how to employ these (and other) strategies on your store.

Popup design best practices

Before we dive into examples of winning ecommerce popups, let’s have a quick look at some key popup design principles to create high-converting popups:

Popup design tips

  • Create a minimal design-centered popup. It makes your popup breathable and helps site visitors focus on necessary form fields.
  • Give more than you ask for. Make sure each popup is well-timed and makes it worthwhile for buyers to interact with. For example, offer a hard-to-resist discount for which buyers happily share their contact details.
  • Stay on brand. Design your popup using brand colors and fonts to ensure it looks like a part of your store rather than a foreign intrusion that shoppers are eager to eliminate.
  • Add a product image to your popup. This gives shoppers an idea of your product, encouraging them to buy.
  • Keep text to a minimum. Use a short, catchy headline and add expectation-setting, explanatory text only where needed.
  • Always offer an exit option. Whether it’s an add-to-cart popup or one that announces free shipping, always include a clear, easy-to-see exit option to improve the on-site shopping experience.

6 ecommerce popup examples

Now for the ways you can use popups to grow your revenue, along with ecommerce popup examples from other brands:

1. Outer’s list growth discount ecommerce popup 

Outer, an outdoor furniture shop, uses this popup to grow its email list by offering a $100 signup discount:

Ecommerce Popup Examples: Outer
See full example

The overlay popup shows immediately upon visiting the site, taking up the entire screen so it can get a visitor’s full attention. 

At the same time, it offers a clear exit option (look at the cross on the upper right corner of the popup) so people can easily exit it. 

Two things about this ecommerce popup example stand out in particular, though: 

  1. The popup not only asks for an email but also uses a dropdown field to ask about the shopper’s intent. This helps with audience segmentation. Having this information also means Outer can send relevant emails to subscribers, improving the chances of converting them.
  2. The popup uses an asterisk-marked text to specify when the discount they’re offering is applicable. This helps the brand build trust with its audience. Imagine how bad a would-be customer would feel if they learned the discount couldn’t be availed for a small order at checkout.

PLAYBOOK: Grow Your Email & SMS Lists with a Welcome Offer Funnel

2. Modcloth’s product recommendation popup

Modcloth shows this popup when visitors browse products to nudge them to check out and buy more styles:

Ecommerce Popup Examples: Modcloth
See full example

Like the example above, this popup is also designed in accordance with its parent page’s visual identity.

Plus, it’s clutter-free—it offers no more than three product options. This helps create a visually engaging popup, and it saves shoppers from choice paralysis, too. 

To add, the popup makes shopping easy as it cleverly uses a “select size” field and a “add to bag” button. This way, anyone interested can add the recommended product to their cart in only two clicks. Talk about offering a friction-free shopping experience!

3. Obvi’s free shipping and discount popup 

Obvi uses this popup that shows on its home page a few seconds after a visitor lands on its site:

Ecommerce Popup Examples: Obvi
See full example

The aim? To get more folks to buy from them by offering free shipping paired with a surprise discount—sweetening the deal for its shoppers.

Best of all, this ecommerce popup instills FOMO the right way by using a built-in timer to showcase the deal’s short life. In turn, this encourages people to shop immediately or miss the chance to get free shipping and a surprise discount. 

What’s more, the popup design uses Obvi’s brand colors and offers a clear exit option as well. 

4. Porcobrado’s cart abandonment ecommerce popup

Porcobrado employs this cart abandonment popup to encourage conversions:

Ecommerce Popup Examples: Porcobrado
See full example

It aligns with the Italian street food vendor’s visual identity and comes with a clear cross to give buyers the exit option. Plus, the popup uses a contrasting color for the CTA button so that it doesn’t blend in with the rest of the popup design. 

Most of all, Porcobrado cleverly uses storytelling to encourage buyers to complete their purchases. 

This is prominent with the popup headline, “you have a pig in your cart, and he feels very lonely.” The CTA button copy then continues the story. Instead of a simple “buy now,” it suggests buyers give the lonely pig a home. 

Lastly, the product imagery in the popup design is also notable—it’s hard to resist, further encouraging people to take action.

PLAYBOOK: Increase Checkouts with a Cart Recovery Popup

5. Thinx’s social proof sharing exit-intent popup 

49% of buyers trust customer reviews as much as personal recommendations from their family and friends. Use this to your advantage with a popup that encourages visitors to read your reviews. 

Thinx does this with this popup:

Ecommerce Popup Examples: Thinx
See full example

The exit-intent popup shows when you scroll down to Thinx’s reviews on its home page and attempt to leave. It’s designed simply—using the same white and black colors as the home page. And it also features an image of its product to grab the interest of potential buyers.

6. Banana Republic’s add to cart ecommerce popup

Banana Republic drives sales using this type of popup for nudging shoppers viewing a product to buy it:

Ecommerce Popup Examples: Banana Republic
See full example

The popup slides into place when a potential shopper is near the end of a product page. This is why it is one of the best ecommerce popup examples, as it doesn’t intrude on a shopper’s experience. 

What’s also noteworthy is the popup’s message. It makes a person feel valued by telling them they have great style. To top that, it leverages social proof by sharing how many people are shopping for the same design.

Ecommerce popup templates

Ready to grow your sales with popups? Don’t worry, your plan to increase revenue doesn’t have to be a hassle.

Using the ecommerce popup templates in ConvertFlow, you can easily design and launch different campaigns for your store within minutes.

Just customize the template’s content and colors for your brand, and integrate your Shopify store to start pulling in any product data. And you’re done—no developers or outside help needed.

We’ll leave you with a bunch of ecommerce popup templates to try today:

About the author
Masooma Memon
Contributor, ConvertFlow
home icontwitter iconlinkedin icon
Masooma is a B2B writer for SaaS who has worked with awesome publications like Hootsuite, Vimeo, Trello, Sendinblue, and Databox among others. You’ll usually find her writing in-depth content, making to-do lists, or reading a fantasy novel.