Tab Commerce

Show add-ons in the cart and the cart drawer

Tab Upsell & Bundles shows add-on products you choose on your Shopify cart page and inside compatible cart drawers, based on what is already in the cart. Cart placements are on every plan, including Free. The drawer option adds cards to your theme’s own drawer; it does not replace it.

Plan: Free — 50 Online Store orders every 30 days; Starter — $49/month for unlimited orders (cart page and compatible cart drawer placements on both)

See it work

What the shopper sees.

9:41

Earrings

Goutte Earrings

$140.00

Added to bag

Tab Upsell & Bundles

Complete the look

Torsade Hoops$120.00
Étoile Ring$180.00

Free engraving on all earrings

Your bag

Goutte Earrings14k gold$140.00
Tab Upsell & Bundles

Pairs well with your earrings

Fil d’Or Necklace$180.00

Subtotal$140.00

Checkout

Order value

$140.00

Earrings only, before any add-on

Complete the lookPlaced under Add to bag in the theme editor
Add a piece, then open the bag. You choose the products for each placement — product page, cart page and compatible cart drawers.

Examples

Offers you can set up today.

Care kit in the cart

Any leather boot in the cart → leather care kit, 10% off

The care kit shows on the cart page. The discount applies while a boot is in the cart.

Small add-on in the drawer

Any product → gift wrap, cart drawer

Gift wrap shows in the drawer when the shopper opens it.

Several items, one list

Cart has a tent and a stove → one rule suggests stakes, another suggests fuel

Both rules add their products, taking turns. Duplicates are removed, so each product shows once, up to 20 cards.

One rule, two places

Camera → memory card on the product page and the cart page

One rule covers both. Reports keep the place where the shopper acted.

Setup

How to set it up.

  1. Create an Upsell campaign. Go to Campaigns → Create campaign and choose Upsell as the campaign type.
  2. Add a rule for the cart. Click Add rule and choose Cart page, Cart drawer, or both under Placements.
  3. Pick the trigger, add-ons, and discount. Under Source, choose which cart products trigger the rule. Under Candidates, pick the add-ons. Set a default discount or leave it at None.
  4. Save and wait for Live. Save the campaign. It shows Updating until Shopify confirms, then Live.
  5. Turn it on in your theme. For the cart page, add the Upsell – cart page block to your cart template. For the drawer, enable the Upsell – cart drawer app embed, then open the drawer on your store to check the cards appear.

Good to know

Where it stops.

  • Cart drawers differ by theme. The drawer embed finds common drawer elements on its own; for others, point it at your drawer in the embed settings or have a developer add a mount point. If it finds nothing, it shows nothing rather than breaking the drawer.
  • It is not a cart drawer replacement. It adds cards to your theme’s own cart page or drawer.
  • Theme updates can change how the drawer is built. Check the drawer again after you update your theme.
  • No checkout or post-purchase offers, and no headless or Hydrogen storefronts.

Plan: Free — 50 Online Store orders every 30 days; Starter — $49/month for unlimited orders (cart page and compatible cart drawer placements on both). Compare plans

FAQ

Common questions.

Will it work with my cart drawer?

The embed first looks for common drawer elements. If your theme builds its drawer differently, enter the drawer’s CSS selector in the embed’s Drawer container, Injection target and Insert position settings — no code edit needed — or have a developer add one mount point. If nothing is found, nothing shows and your drawer keeps working as before.

What shows when the cart has several products?

Every matching rule adds its products, taking turns. Duplicates are removed, each product shows once, and the placement shows up to 20 cards.

Does the cart refresh when the shopper changes the cart?

Yes. After an item is added, changed or removed, the cards re-read the cart and update, so a product the shopper just added drops out of the suggestions.

Can it suggest something already in the cart?

No. A product already in the cart is never recommended, on the cart page, in the drawer or on product pages.

Do I need to edit theme code?

No. The cart page block and the drawer embed are turned on in the theme editor, and the embed’s selector settings cover most drawers it doesn’t find on its own.

Is there a limit on orders or cart views?

Not on paid plans: each is a flat monthly price with no limits on orders or storefront views. The Free plan covers 50 Online Store orders every 30 days.

More with Tab Upsell & Bundles

Related guides.