6 Cart Abandonment Popup Examples To Save Sales

6 Cart Abandonment Popup Examples To Save Sales
Colin Newcomer Colin Newcomer Jul 25, 2024 —  8 min read

69.89%…

On average, that's the percentage of ecommerce shoppers who add something to their shopping cart and then… just disappear, never to complete their purchase.

It's called shopping cart abandonment, and it's the scourge of many eCommerce stores. But with the right techniques in place, you don't have to lose 69.89% of your potential orders.

Now, don't get us wrong — you're always going to have a significant percentage of abandoned shopping carts — getting to “zero” isn't a realistic goal. But with well-timed shopping cart popups and other techniques like cart abandonment emails, you can cut into that percentage and boost your bottom line.


In this post, we're going to specifically focus on exit-intent popups you can use to reduce cart abandonment.

We'll start with a discussion of what goes into a great shopping cart abandonment popup. Then, we'll show you six real-life cart abandonment popup examples to get your creative juices flowing.

What makes a good shopping cart abandonment popup?

Before we get into the cart abandonment popup examples, let's discuss some of the most important tactics so that you can understand why the examples we'll share work so well.

1. Use exit-intent to meet shoppers right before they abandon their carts

The tricky part about shopping cart abandonment popups is that you need to display them at the right time. If someone is still in the process of making a purchase (i.e. not abandoning their cart), you definitely don’t want to display a popup before they start to leave.

One of the best ways to address this is with exit-intent popups, like the ones offered by Getsitecontrol.

By triggering your popup upon with exit intent, you can wait until right before a visitor is about to leave to display your offer.

That way, you don't annoy people who are still thinking, but you still get a chance to reach shoppers before they abandon their carts.

2. Offer a discount to overcome common objections

According to a survey from UPS, most shoppers abandon their carts because of unexpected costs associated with their purchase. Specifically, ~57% said that “delivery costs made the total purchase cost more than expected”, and plenty of other surveys also cite unexpected costs (like shipping costs) as being one of the biggest drivers of cart abandonment.

One way to address this is to use a popup to offer a discount to customers or provide free shipping (or maybe even both!).

You'll see this technique a lot in the shopping cart popup examples below. Typically, stores offer first-order discounts like:

  • 10-15% off
  • Free shipping
  • $15 off
  • Etc.

You'll need to find the exact offer that works for your margins and average order value.

For example, if your average order is just $20, offering a percentage discount is probably better than a flat dollar amount. On the other hand, the opposite might be true if your average order value is $200+.

3. Price isn't the only factor, information is important too

For “regular” eCommerce products, a discount is a great way to overcome buyer objections and get them to make that purchase. For example, 15% off a $20 t-shirt can be an enticing offer to a shopper who's on the fence.

However, when you sell more expensive items with lots of details, information can become as important as price.

That is, people might be balking at finishing their purchase because they're not sure your offering is the right tool/product for the job, not because of any unexpected costs. Because these people aren't solely motivated by price, offering a monetary discount might not move them to action.

The solution? Give them a chance to get more information! For example, you could pop up a prompt to start a live chat session or send a message. That way, you can give people a chance to ask important questions that might be holding them back from purchasing.

This may seem just an extra, unnecessary step, but it can actually be a determining factor in purchasing for some customers. According to a survey from Forrester, 44% of consumers think that “having questions answered by a live person while in the middle of an online purchase is one of the most important features a Web site can offer”.

4. Use urgency to get the sale (Now!)

With a shopping cart abandonment popup, you're trying to stop abandonment in its tracks right now. That is, you want them to whip out their wallet right away and finish the purchase before they leave. Because once they leave your site…well, it's a lot harder to get them back in the future.

The best way to do that? Urgency!

Instead of just offering a 10% discount on a visitor's first purchase, offer a 10% discount if they make a purchase within the next 30 minutes.

In a survey from VWO of over 1,000 shoppers, a whopping 48% of respondents said that they would buy a product if offered a limited-time discount…even if they were just window shopping in the first place!

That is, a limited-time discount can make someone who wasn't even planning on purchasing that day actually make a purchase.

Pretty impressive, right?

5. Outline key policies to overcome other objections

Beyond price and product information, your shoppers might have other doubts that are stopping them from making their purchases.

Two of the most common non-price-related reasons for cart abandonment are:

  1. Return policy
    According to data from Statista, 23% of shoppers abandon their carts because of an “unclear return policy”
  2. Payment security
    According to data from VWO's survey, 15% of cart abandoners cited “concerns about payment security” as their reason for leaving their cart.

So, in addition to all the other tips, consider using microcopy and trust badges to address some of these concerns without taking up too much space on your popup.

For example, adding something like “we offer free returns within the first 30 days” can help clarify your return policy, and trust badges are a great way to boost confidence in your payment process.

Six real examples of effective cart abandonment popups

Now that you know the techniques, let's dig into some real-world examples of how ecommerce stores implement their tactics to prevent cart abandonment using popups. For each example, we'll explain what makes it great. Then, we'll tell you how you can start creating your own shopping cart abandonment popups.

1. SiteGround

SiteGround is a popular web host with a great exit-intent popup that appears as a shopper tries to leave the payment page:

SiteGround exit-triggered shopping cart popup

This popup manages to pack four of the techniques we talked about above:

  • Timing
    The popup appears right as someone is about to leave the payment page.
  • Discount
    It offers an exclusive deal.
  • Urgency
    The “Flash Deal” icon implies the deal won't be around forever.
  • Money back policy
    The 30-day money back guarantee microcopy helps overcome any smaller concerns.

2. Scott Wyden Kivowitz

Scott Wyden Kivowitz is a photographer who also sells eBooks and courses. If visitors scroll to the payment form and then move to exit the page, Scott uses exit-intent to trigger this special offer:

A shopping cart abandonment popup example with an opt-out button

Beyond offering the deal, we like this one because it adds a bit of personality to the popup.

3. Lamin-X

Lamin-x sells protective films for automobiles. With this popup, they do a great job of combining an exit-intent popup with a discount and the sense of urgency:

Popup cart abandonment prevention with an email subscription form

4.LifterLMS

LifterLMS is a popular WordPress plugin that helps people create their own online courses. With prices ranging from $299 to $999, it's a pricey option. Therefore, potential purchasers have lots of questions about whether LifterLMS can do what they need.

That's why this is such a great but simple cart abandonment popup example:

Contact form exit popup to stop cart abandonment

Instead of trying to offer a discount or push urgency, LifterLMS knows that what their audience needs most is information and uses its exit-intent popup to give people a chance to ask questions.

5. SwissWatchExpo

SwissWatchExpo sells some seriously pricey timepieces. However, despite the high cost, there's not a lot of purchase information involved. That is, unlike LifterLMS, people probably already know exactly which watch they want.

That's why SwissWatchExpo opts to use their cart popup notice to offer a discount and free shipping, as well as add an urgent 15-minute countdown timer for shoppers to take advantage of the deal:

SwissWatchExpo popup cart sense of urgency example

6. Eye Love

Eye Love is a great example that you don't have to go crazy to create an effective shopping cart abandonment popup.

Using an exit-intent trigger, Eye Love displays this clean-looking popup as shoppers are about to exit the cart page:

Use shopping cart abandonment popups to build an email list

As a nice bonus, Eye Love also manages to build their email list with this popup.

How to create your own shopping cart abandonment popup

Ready to get started with your own shopping cart abandonment popup? Let’s begin!

Start by creating an account on Getsitecontrol. You can get started with a free plan that allows you to add welcome popups to your website at no cost. If you like how it works, you can upgrade to Pro and activate the exit-intent trigger.

1. Choose a popup template

Once your account is all set up, go to the template gallery and pick a template that you think will be suitable for your purpose. You’ll find that there is a whole section dedicated to exit-intent popups, we recommend checking it out:

The exit-intent templates in Getsitecontrol’s template gallery

Once you find a template you like, open it and click the Take this template button on the right side of the screen.

This is our choice:

We’ll now show you how you can edit this template before adding it to your website.

2. Edit the copy of the template

In the Design tab, you can edit the text of the popup using the menu on the right:

The exit-intent templates in Getsitecontrol’s template gallery

When you’re satisfied with the copy you’ve crafted, you can start working on the appearance.

3. Customize the appearance of your popup

To make your cart abandonment popup match your store’s design better, you can swap the current image for one that is relevant to your niche. You can choose a picture or a sticker from the built-in gallery, or upload an image from your device.

Choosing a new image from the built-in gallery (GIF)

Choosing a new image from the built-in gallery (GIF)

If the new image doesn’t perfectly fit within the popup spacing, you can shift it around and adjust its positioning for both desktop and mobile devices:

The desktop and mobile image settings in the Getsitecontrol dashboard

To harmonize your popup with your website’s design, check out the Theme section. Here, you can change the font, style, and color theme of the popup:

The Theme section of the Getsitecontrol dashboard

When you’re satisfied with your work, move on to the next tab.

4. Define targeting settings

In the Targeting tab, you can program your popup’s behavior to make sure it will appear in the right place, at the right time, and for the right people.

In this case, we want our popup to be displayed on the shopping cart page whenever a visitor is about to leave it without purchasing.

To have your popup show up on the shopping cart page only, add its URL to the page targeting section ( Display widget on ):

The page targeting section in the Targeting tab

Then, set up the exit-intent trigger from the Start displaying widget section:

The Start displaying widget section in the Targeting tab

Check out our complete instructions to learn more about other targeting options available.

When you’ve added all the conditions you need, hit Save & close . From the Widgets section of the dashboard, activate your popup and you’re ready to start your cart abandonment prevention campaign.

Wrapping up

In this article, we’ve talked about what makes a good shopping cart abandonment popup. Here is a recap of the main concepts:

When you want to prevent cart abandonment, timing is key: make sure your popup is only displayed when your potential customer is about to leave without purchasing. Use Getsitecontrol’s targeting settings to implement that.

Popping up at the right time is not enough though. If you want to convince your leaving visitors to change their minds, you need to offer them something of value. Depending on the type of goods/services you sell, choose an incentive that you think will be effective for your audience. The most common examples are a discount code or an opportunity to ask questions about your products.

Finally, consider using urgency tactics to encourage your visitors to think again before leaving items in the cart.

Now it’s your turn to act. Go ahead and try these tactics to see how many cases of cart abandonment you’ll be able to prevent in your store.

Colin Newcomer is a freelance writer with a background in SEO and affiliate marketing. He helps clients grow their web visibility by writing primarily about WordPress and digital marketing.

You're reading Getsitecontrol blog where marketing experts share proven tactics to grow your online business. This article is a part of Ecommerce marketing section.

Get the print version

Download a PDF version of our blog post for easier offline reading and sharing with coworkers.

Download PDF