Shopify Add To Cart Popup: Setup Guide & Best Apps (2026)

A Shopify add to cart popup is the small window that appears the moment a shopper clicks “Add to Cart.” It confirms the item is in the cart and shows what to do next. This guide explains what the popup is, how to turn on Shopify’s built-in version, when a popup app is worth the cost, and how to use the popup to sell more without annoying shoppers. I’m Charlie Ngo, Marketing Manager at BOGOS, and I’ve spent years helping Shopify merchants set up on-store offers.

TL;DR

• Shopify has an add to cart popup built in. Set your Cart type to “Popup notification” in the theme editor. No app needed.
• The popup has one core job: confirm the add, keep the shopper on the page, and show clear next steps (view cart, checkout, continue shopping).
• Use a popup app only when you want product recommendations, a live offer, custom design, or advanced targeting.
• Keep any recommendations relevant. Baymard found 52% of desktop sites show irrelevant suggestions in the cart or “Added to Cart” confirmation, and one bad suggestion makes shoppers ignore them all.
• Relevant recommendations and offers at this moment can raise average order value.

1. What a Shopify add to cart popup is

A Shopify add to cart popup is a small window that appears when a shopper adds a product to the cart. It confirms the item was added, shows a short summary of the cart, and gives the shopper clear next steps.

The popup keeps the shopper on the same page. It does not send them to a separate cart page or reload the screen. This lets them keep browsing or move to checkout in one click.

The popup answers one question for the shopper: did my item get added, and what do I do now?

Popup notification, cart drawer, or cart page

Shopify shows the cart in one of three ways, and you choose which in the theme editor. According to the Shopify Help Center, the Cart type setting gives three options:

• Popup notification: a small window confirms the add near the cart icon. The shopper stays on the page.
• Drawer: a panel slides in from the side and shows the full cart. The shopper stays on the page.
• Page: the shopper is sent to a separate cart page.

The popup notification and the drawer both keep the shopper in place. The cart page sends them away from the product. For most stores, keeping the shopper on the page is the better choice, because it lets them keep shopping.

How it differs from exit intent and cart abandonment popups

An add to cart popup is not the same as an exit intent popup or an email popup. It is one of several Shopify popup types, and each fires at a different moment and does a different job.

• An add to cart popup fires the moment a shopper adds an item. Its job is to confirm the add and guide the next step.
• A Shopify exit intent popup fires when a shopper moves to leave. Its job is to keep them with a last offer.
• An email or newsletter popup fires to collect an email address.

Some articles mix these together. They are separate tools. This guide covers the popup that confirms the add and shows the cart.

2. Why an add to cart popup matters for your store

An add to cart popup helps your store in three ways: it confirms the add, it keeps the shopper moving, and it can show a relevant add-on.

First, it removes doubt. When nothing happens after a click, some shoppers wonder if the item was added. A clear confirmation removes that doubt.

Second, it keeps the shopper on the page. The shopper can keep browsing or go to checkout without a page reload. This matters because the cart is where shoppers review items and check the total. Research from the Baymard Institute shows shoppers use the cart to review their items and get an order estimate.

Third, it can raise the order value. A popup can show one or two related products at the moment the shopper is ready to act.

Cart abandonment is common across ecommerce. Baymard puts the average cart abandonment rate at 70.22%, based on 50 studies. A single popup will not fix that number. A clear, useful cart step is one part of a smoother checkout, and the add to cart popup is one small piece of conversion rate optimization on Shopify, not a fix on its own.

3. How to add an add to cart popup on Shopify without an app

Shopify’s free themes already include an add to cart popup. You turn it on in the theme editor, with no app and no code. This is the fastest and cheapest option, and it works well for most stores.

Turn on the popup notification in your theme editor

Follow these steps to turn on the popup notification in a free theme like Dawn:

1. From your Shopify admin, go to Online Store > Themes.
2. Find your active theme and click Customize.
3. Click the Theme settings icon, then click Cart.
4. Under Cart type, select Popup notification.
5. Click Save.

The exact options depend on your theme. Dawn offers Popup notification, Drawer, and Page. Some newer themes offer fewer options. If your theme has no Cart type setting, you will need an app or custom code.

Edit the buttons and what the popup shows

After you turn on the popup, check the buttons and labels. The popup should make the next step obvious.

Baymard’s research on the “Added to Cart” confirmation found that unclear or ambiguous paths inside the confirmation made shoppers struggle to find the right next step, which wasted their time. Clear labels prevent this.

Keep the buttons simple and specific:

• View cart to review the order.
• Checkout to buy now.
• Continue shopping to keep browsing.

Use plain words. Avoid vague labels that leave the shopper guessing.

4. How to add an add to cart popup with an app

Use a popup app when you want more than the built-in popup gives you. The native popup confirms the add and shows the cart. An app adds features on top of that.

An app is worth the cost when you want to:

• Show product recommendations inside the popup.
• Show a live offer, such as a free gift or a discount.
• Target the popup by customer, location, or behavior.
• Design the popup to match your brand in detail.

Two kinds of apps fit this job. Cart drawer apps replace the popup with a slide-in cart that shows the cart, recommendations, and offers the moment a shopper adds an item. Popup builder apps let you design a standalone popup and control when it fires. Here are a few established, well-rated options on the Shopify App Store.

Cart drawer and cart upsell apps show the cart on add and add upsells, free gifts, and a progress bar inside it:

• UpCart: a slide-in cart drawer with product recommendations, add-ons, free gifts, and a free-shipping progress bar.
• iCart Cart Drawer Cart Upsell: a customizable slide-in drawer with in-cart upsells, cross-sells, bundles, and progress bars.
• Kaching Cart Upsell: a slide cart with upsell offers and a free-shipping bar, marked “Built for Shopify” in the App Store.

Popup builder apps fire a standalone popup on add to cart, with targeting and design control:

• OptiMonk: an add-to-cart popup with product recommendations, personalized offers, and A/B testing.
• Wisepops: a flexible popup builder with detailed design control, targeting, and analytics.

Most of these apps have a free plan or a free trial. Prices change often, so check the current App Store listing before you choose. If you only need a confirmation, the native popup is enough, and many stores start there and add an app later.

5. How to use the add to cart popup to raise average order value

Turn the add to cart popup into a larger order by showing one or two relevant items, or one clear offer, at the moment the shopper adds a product. Relevance decides whether this helps or hurts.

Baymard found that 52% of desktop sites show cross-sells in the cart or “Added to Cart” confirmation that are irrelevant or based only on what other people bought. That is a problem, because Baymard also found that a single irrelevant suggestion made shoppers lose trust in all the suggestions and ignore them. Relevant suggestions do the opposite. Baymard describes relevant recommendations at this point as a win for both sides: they match what shoppers expect and can raise the average order value.

So the rule is simple: only show items that clearly go with what the shopper just added. A case for a phone. A filter for a coffee maker.

This is where upselling and cross-selling come in. An upsell offers a better or larger version of the item. A cross-sell offers a related item. Both work well in the add to cart popup when the suggestion is relevant, and grouping items that people buy together, or frequently bought together sets, keeps the suggestions logical.

Some merchants want the popup to show an offer, not just a product. For that, an offer engine can help. BOGOS, a Shopify promotion app, can auto-add a free gift with a purchase and surface it to the shopper through a gift slider once they qualify. BOGOS is one option among several. It sets up the offer, while your theme or popup app shows it. Used this way, a free gift gives shoppers a reason to add more.

6. Add to cart popup best practices

Follow these best practices to make the add to cart popup help, not annoy:

• Keep recommendations relevant. Show items that clearly match what the shopper added. Baymard found one irrelevant suggestion makes shoppers ignore them all.
• Use clear next-step buttons. Make “view cart,” “checkout,” and “continue shopping” easy to find and understand.
• Keep the popup short. Show the item added, a small cart summary, and the next steps. Avoid clutter.
• Check it on mobile. On a small screen, the popup should still give a clear view of the cart. Test it on a phone.
• Get the timing right. The popup should appear right after the add, then let the shopper continue.
• Tie any offer to a real threshold. If you promote a spend goal, show it only when it makes sense for the order.

For that last point, a cart progress bar helps. BOGOS can show a progress bar tied to a spend threshold, so the popup or cart displays a message such as “Add $20 more to unlock a free gift.” This gives shoppers a clear, specific goal. Set the threshold at a level that fits your average order.

7. How to fix an add to cart popup that isn’t showing

If your add to cart popup does not show, check these three things first:

1. Check the Cart type setting. In the theme editor, make sure Cart type is set to Popup notification or Drawer, not Page. If it is set to Page, no popup will appear.
2. Check for app or code conflicts. A cart app, a popup app, or custom theme code can override the built-in popup. Turn off recent changes one at a time to find the cause.
3. Check mobile behavior. Some themes show the popup differently on mobile. Test on a phone, and make sure the popup is not hidden behind other elements.

If the popup still does not show, your theme may not support it. Switch to a free theme like Dawn, or add a popup app.

Conclusion

A Shopify add to cart popup confirms the add, keeps the shopper on the page, and can show a relevant offer. Start with Shopify’s built-in popup notification, which is free and works for most stores. Add a popup app only when you want recommendations, offers, or advanced design. Above all, keep every suggestion relevant, because relevance decides whether the popup helps or hurts. Set up this way, the add to cart popup becomes one dependable step before checkout and a practical way to increase sales on Shopify.

FAQs