6 Cart Abandonment Popup Examples to Pull Visitors Back to Your Checkout
Got too many visitors abandoning their shopping cart on your store? Popups can help pull them back in before they leave. In this post, we look at six cart abandonment popup examples along with templates and best practices.
Roughly seven out of 10 shoppers abandon their cart. This could be for any number of reasons—from objections to pricing to forgetting to complete the transaction.
Your job? To get those cart abandoners to complete their purchase. Admittedly, this is easier said than done.
One tactic that helps, however, is a cart abandonment popup that catches shoppers’ attention the moment they show intention to leave.
Not sure how to use these popups? In this guide, we’ve got the details for you, including cart abandonment popup examples and templates to get you started today.
What is a cart abandonment popup?
A cart abandonment popup is a type of exit-intent popup that surfaces when a site visitor has item(s) in their cart, but attempts to leave without completing the purchase. The goal? To direct people to complete checkout before they leave.
This means that with effective cart abandonment popups in place, you need to rely less on follow up emails or retargeting ads to bring people back to your site when they've already left.
Key components of a cart abandonment popup
So what makes a winning cart abandonment exit popup? Let’s look at the key elements to add to your popup:
Use social proof to convince buyers. People won’t trust you like they’d trust other people in their network. So, share a customer review or tell them the product is a bestseller.
Leverage FOMO (fear of missing out). Instill a sense of urgency and/or scarcity. For example, tell shoppers how the product in their cart is selling fast. Or, go specific and tell them only X pieces are left.
Remind people why they were buying. Use persuasive copywriting to resell the product benefit. And while you’re at it, add an enticing product image to back your point.
Overcome objections. These objections typically include concerns over delivery fees and time. So in your exit-intent popup, make sure you address them. For instance, offer free delivery and be clear about it.
Include a clear call-to-action (CTA) button.Make sure this button stands out from the rest of the popup design, is easy to click, and directly takes the visitor to the checkout page.
6 cart abandonment popup examples
Now for cart abandonment popup examples that show all the theory in practice.
Eye Love encourages order completion by sharing a compelling offer of a product bundle (including the item in the cart) at a reduced price:
Not only is their offer compelling, but they instill FOMO with their copy “special one-time offer” and a countdown timer to encourage action.
The popup also features images of products in the bundle. This gives a clear idea of what’s included in the bundle to those who might not be paying attention to the copy.
That said, the CTA button design and copy are both actionable. Plus, there’s an exit option (“decline this offer”) for the shopper—a must-have for all popups.
2. Boom by Cindy Joseph’s cart abandonment popup example
Boom by Cindy Joseph doesn’t wait for the shopper to leave their cart. Instead, they shoot a well-timed popup while the visitor is still adding to their cart—encouraging them to try more products:
The popup uses a customer review of the product, bringing hard-to-resist social proof to the table.
The popup design also features a product image alongside pricing details that any interested shopper would want to know.
What’s more, the headline doesn’t take an aggressive approach. Instead, it asks a question: “add our new most popular product?” Then, follows it with an encouragement to “order now.”
Also noteworthy here is the “most popular” tag in the headline. It shares more social proof to convince the buyer.
Lastly, the CTA is direct and well-designed, so it’s hard to miss.
3. Pandora’s cart abandonment exit popup example
The jewelry brand’s exit popup is an excellent example of a popup that uses personalization and conversion tactics to encourage people to complete their purchase:
For one, the simplistic design praises the shopper saying, “you have great taste.” Then, it features the product image to remind them of what’s in their cart.
Next, there’s a couple’s picture on the left side. Since a lot of Pandora’s buyers are couples, this image is relevant to them—strategically conveying the feelings the purchase will invoke.
The popup also uses social proof by sharing the number of people viewing the same product.
And finally, there’s a clear CTA button to encourage action.
4. Porcobrado’s cart abandonment popup example
As with other cart abandonment popup examples here, Porcobrado’s popup design aligns with the Italian street food vendor’s visual identity. So it’s more a part of the overall site than an outsider that ruins visitors’ site experience:
As for the popup copy, it leverages storytelling—connecting the characterized message (“the pig fees lonely”) with the CTA copy.
The CTA design comes in a contrasting color, so it stands out against the rest of the popup colors.
Lastly, the enticing food image encourages conversion. After all, it’s hard for anyone to resist such powerful food photography.
Also, note that there’s a clear cross on the top right of the exit-intent popup that lets people exit if they want to. This exit route is a must, as we’ve previously mentioned.
5. Judy’s cart abandonment popup example
Judy’s cart exit popup is a great example of addressing common objections to encourage checkout:
To begin with, the color contrast and clean design help the popup instantly hold visitors’ attention.
On the left side, the cart abandonment exit popup shows the cart with the applied discount in orange color, which helps make it prominent.
On the right side, the headline “prepared at a great price” uses the power word “great” to push people to act. Plus, it shares the discount message in big, bold font “take 10% off” that addresses objections related to pricing.
The CTA? It’s pretty clear about what it wants the user to do.
The popup in question shows up on a product page when a visitor attempts to leave the site:
Its colors are aligned with the brand’s visual guidelines. The popup copy does the real work, though.
One, it uses a friendly tone. Two, it addresses objections related to product trustworthiness (whether it’d work) and the pricing. For the former, it shares a results guarantee. For the latter, it offers a discount to encourage folks to buy.
The best part? The popup copy is specific about the discounted price, clearly sharing it by using hard numbers (the discount would bring the price down to $13).
Abandoned cart popup templates
Ready to launch cart abandonment exit popups on your site? Don’t worry. You don’t need to enlist a developer’s help or wait on them.
Instead, DIY design and set popups on your site—all without any coding know-how—using ConvertFlow’s abandoned cart popup templates. All you have to do is customize your favorite templates and tweak the copy.
If you're using our Shopify integration, you can even set your popup to show on any page if a visitor goes to exit with something in their cart:
So who’s ready to grow their sales? We’ll leave you with six popup templates:
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.
Explore more campaigns
Get more inspiration from examples of other popular conversion marketing campaigns