Docs/Summer Upsell/In-cart upsell

Cart widgets

In-cart upsell

Inline

The In-Cart Upsell renders inline inside the cart — drawer or page — between the line items and the checkout button. It's less aggressive than a popup but visible to every cart visitor, so the lift compounds quickly even with modest per-session conversion.

Layout

In-cart upsell rendered inside the cart drawer above the checkout button

In-Cart Carousel

Default

Compact horizontal carousel rendered under the cart line items. Excludes products already in the cart automatically. Discount-aware pricing when a campaign discount is enabled.

  • Visible to every cart visitor — compounding daily impressions.
  • Excludes products already in the cart automatically.
  • Live discount-aware pricing if a campaign discount is enabled (e.g. $24.99 $29.99).
  • Swipeable on mobile.

Expected AOV impact: 4–8% AOV lift sustained across all cart sessions. Lower per-session lift than popups but visible to every cart visitor, so total impact is comparable.

Best for: Stores with a wide range of complementary SKUs — beauty, lifestyle, accessories — where customers benefit from comparing options inside the cart.

How to create an In-Cart Upsell campaign

A

In the Summer Upsell admin

  1. 1 Click + New campaign → Cart.
  2. 2 Pick In-Cart Upsell.
  3. 3 Offer name (e.g. Cart — Coffee accessories).
  4. 4 Trigger: typically All Products (the widget renders to every cart visitor) or Specific Collections if you want to scope it.
  5. 5 Upsell Source: Manual, Basic AI, or Summer AI.
  6. 6 Pick the upsell products.
  7. 7 Optional: enable discount.
  8. 8 Design tab: preset, Widget Title (e.g. You may also like), Button Text.
  9. 9 Save.
B

In the Shopify theme editor

  1. 1 Open Online Store → Themes → Customize.
  2. 2 Switch to the Cart template.
  3. 3 Click Add block under the cart line items section.
  4. 4 Pick ✨ Summer: In-Cart Upsell from the Apps section.
  5. 5 If your theme uses a cart drawer (most modern OS 2.0 themes do), also add the block to the cart drawer section.
  6. 6 Click Save.
Field Type Description
Offer name Text Internal label only — used to find the campaign on the dashboard. Customers never see it.
Trigger Type Dropdown All Products, Specific Products, or Specific Collections. Picks where the widget is eligible to render.
Trigger products / collections Picker Shown when the trigger type is specific. Pick the products or collections that should fire the widget.
Upsell Source Dropdown Manual, Basic AI, or Summer AI. See the Upsell sources page for the full breakdown.
Upsell products Picker Shown when source = Manual. Pick the products that the widget will recommend.
Enable discount Toggle Turn on to add an automatic discount to the upsell. Configures a real Shopify Function discount under the hood.
Discount Type / Value Dropdown + number Percentage (%) or Fixed Amount ($). Value is the percentage or money amount.
When to apply? Dropdown Always (on selected products) or Only when trigger product is in cart. Use the second to prevent customers from buying the upsell alone with the discount.

Design tab

Every campaign opens on the Offer tab. The Design tab next to it controls how the widget looks on the storefront. The same set of controls is reused across nearly every widget type, so once you learn it on one campaign the rest are familiar.

Field Type Description
Widget Title Text Heading shown above the widget (e.g. You may also like, Frequently bought together).
Button Text Text Label on every Add / Add to cart button rendered inside the widget.
Color preset Visual picker 20+ ready-made themes: Modern Clean, Ocean Breeze, Sunset Glow, Forest Edge, Royal Velvet, Minimalist, Cherry Blossom, Midnight Sky, Golden Hour, Neon Vibe, Espresso, Arctic Ice, Lava Mary, Lavender Mist, Sandstone, Vintage Ink, Fresh Mint, Bold Crimson, Soft Cloud, Visual Blue, Piggy Pink, Sunset Orange. Pick a preset to fill all color fields below at once, then fine-tune.
Font family Dropdown Your Theme Font (inherits from your theme), Inter, Roboto, Montserrat, Poppins, Playfair Display, Libre Baskerville, Oswald, Plus Jakarta Sans.
Title / Price / Compare / Button font size Number (px) Individual font sizes per element. Set Compare Price Size smaller than Price Font Size for a clean strike-through look.
Button / Title / Price / Compare colors Color picker Override the preset for any single element. Useful when one color needs to match a brand accent.
Border Radius Number (px) Rounding on product cards and CTA buttons. 0 = squared, 12–16 = soft modern, 24+ = pill-shaped.
Card Border Color picker Border color on each product card. Set to transparent or the same as your page background for a flat look.
Image Fit Dropdown Cover (crop to fill), Contain (fit inside, may show whitespace), Fill (stretch to fit).

Tip: Click any color preset to seed every color field at once, then nudge the individual swatches. Faster than building a palette from scratch.

Languages tab

If your shop runs multiple locales, the Languages tab lets you override Widget Title and Button Text per locale. Six locales ship out of the box: English, Spanish, French, Arabic, Turkish, Russian. Anything you leave blank falls back to the campaign default from the Design tab.

Discount-aware

If your campaign has a discount enabled, the upsell card shows the savings live so the customer sees the deal before adding.

Where it shows

  • Cart drawer (most modern OS 2.0 themes).
  • Dedicated cart page (/cart).

Previous

Product add-on

Next

Cart popup