Docs/Summer Upsell/Cart popup

Cart widgets

Cart popup

Checkout-trigger

The Cart Popup is the highest-intent surface in your store. It opens when the shopper clicks Checkout on the cart page or drawer — they've made the buying decision and are about to pay, so a single relevant offer at this moment lifts AOV more than any other widget.

Three layouts cover the three angles that work at checkout time: individual recommendations, a mini bundle, or a multi-select add-on list.

Layouts

Cart cross-sell popup triggered by the Checkout click

Cart Cross-sell Popup

Individual add

Overlay with your recommended products, each with a variant picker and its own Add button, and a Continue to Checkout button. The shopper can skip with one click and carry on — no pressure, no friction.

  • Last-chance lift before checkout — adds one click to the flow.
  • Every product can be added on its own.
  • Quick skip keeps the checkout flow fast for shoppers who don't want it.

Best for: Stores with a clear hero accessory or premium variant that pairs with most cart contents.

Cart FBT popup with checkboxes and a live total at checkout time

Cart FBT Popup

Bundle

FBT-style popup at checkout time. Checkboxes for each suggested item, a live total, an Add selected & checkout button and a No thanks, proceed to checkout link.

  • Combines bundle psychology with checkout urgency.
  • Shopper picks which items they want — no all-or-nothing.
  • Optional automatic discount applied at checkout.
  • Works on both the cart page and the cart drawer.

Best for: Categories where buyers tend to forget accessories (electronics, beauty kits, kitchen sets).

Cart add-ons popup offering last-chance extras before checkout

Cart Add-ons Popup

Multi-select

Checkbox list of optional extras shown right before checkout. One click adds every ticked item and continues to checkout; a skip link keeps the flow fast.

  • Captures add-ons that get forgotten on the product page — gift wrap, warranty, samples.
  • Multi-select with one click — no individual Add buttons to fumble through.
  • Skip option keeps checkout fast for shoppers who don't want extras.

Best for: Hard goods, apparel, gift-driven categories where small extras are commonly forgotten.

How to create a Cart Popup campaign

A

In the Summer Upsell admin

  1. 1 Click Create Campaign → under Cart Page, in the Cart Checkout Popup group, pick Cart Cross-sell Popup, Cart FBT Popup or Cart Add-ons Popup.
  2. 2 Offer name (e.g. Pre-checkout — Gift wrap).
  3. 3 Trigger: Any cart (opens on every checkout click), Specific products (default — only when one of the selected products is in the cart) or Specific collections.
  4. 4 Pick the product source and the offer products.
  5. 5 Optional: enable the discount.
  6. 6 Design tab: template, Widget Title (default Before you checkout…), Button Text.
  7. 7 Click Publish. The Test campaign in store checklist runs (campaign active, products available, app embed enabled, widget block added) — fix anything red, then click Publish campaign.
B

On the storefront

  1. 1 No theme block is needed. Once the Summer Upsell app embed is enabled, the popup hooks the Checkout button on the cart page and in the cart drawer automatically.
  2. 2 The publish checklist marks the block step as Widget renders automatically — no theme block needed.
  3. 3 If your theme's Checkout button isn't detected, open Online Store → Themes → Customize → App embeds and turn on Summer: Cart Popup as well.
Field Type Description
Offer name Text Internal label only — used to find the campaign in the admin. Customers never see it.
Trigger Radio All products, Specific products (default) or Specific collections. Decides where the widget is eligible to render. Cart widgets use Any cart and Post-Purchase uses Any order instead of All products.
Trigger products / collections Picker Shown for the Specific options. Pick the products or collections that should fire the widget.
Product source Radio Specific products, Automated recommendations or Summer AI powered by ChatGPT (credit-based; every plan includes credits). See Upsell sources.
Offer products Picker Shown when Specific products is selected — click Add Products and pick the products the widget will recommend.
Discounts Dropdown No discount, Use Summer Upsell discount functions (Recommended), Use discounts that are dynamically created or Use an already existing discount code. See Discounts for how each mode works.
Type / Value Dropdown + number Product discount (each offer item) or Order discount (the whole order), and the amount as % or a fixed amount in your store currency.
Discount code Text Optional for Summer discount functions (creates a code-based discount the widget applies automatically); required for existing discount code.
Combination Checkboxes Whether the discount can combine with product, order and shipping discounts.

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. A live preview on the right updates as you change settings — switch it between desktop, mobile and full size.

Field Type Description
Layout Dropdown Shown on widgets that have more than one layout (Cross-sell, Upsell, In-Cart Upsell, Product Add-on). Switches the layout without recreating the campaign.
Widget Title / Button Text Text Heading shown above the widget and the label on its Add buttons. For Classic FBT, Bundle, Popup, In-Cart Upsell, Cart Popup and Post-Purchase you set them here; for Upsell, Cross-sell, FBT Full Width and Product Add-on they live on the Language tab (default language block).
Subtitle Text Optional line under the title (e.g. Customers also bought these).
Templates Visual picker 27 ready-made themes: Modern Clean, Ink → Slate, Slate → Ocean, Espresso → Sunset, Blossom → Crimson, Teal → Ocean, Forest → Teal, Ocean → Glacier, Sunset → Crimson, Lilac → Denim, Cherry Blossom, Piggy Pink, Fresh Mint, Baby Blue, Sand, Lavender, Honey → Amber, Vanilla → Cream, Royal → Violet, Sunset Orange, Moonlit Asteroid, Amin, Celestial, Witching Hour, Frost, Quepal and Sublime Light. Picking a template sets the button style, card border and every color below at once — then fine-tune anything you want.
Background (optional) Toggle + color Give the widget its own background color instead of inheriting the page background.
Border Radius Dropdown Sharp (Square) or Curvy (Rounded) corners on cards and buttons.
Image Fit Dropdown Cover (crop to fill), Contain (fit inside, may show whitespace), Fill (stretch to fit).
Font family Dropdown Your Theme Font (inherits from your theme), Inter, Roboto, Montserrat, Poppins, Playfair Display, Libre Baskerville, Oswald, Plus Jakarta Sans.
Typography sizes Number (px) Title weight, Button font size, and individual sizes for Product Title, Price and Compare price. Set the compare size smaller than the price size for a clean strike-through look.
Colors Color picker Primary color, Product Title color, Price color and Compare price color. Override any single value after picking a template.

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

Language tab

The Language tab holds the storefront copy for the widget. The Default language block is always there; click Add another language to add any locale your Shopify store has published and translate the title, button text and other storefront strings for it. Default text is pre-filled in English, Spanish, French, Arabic, Turkish and German. A locale you don't add falls back to the default language.

When it opens

  • Every time the shopper clicks the Checkout button on the cart page or drawer while a matching campaign is active.
  • The shopper can skip and proceed to checkout at any time.

Previous

In-cart upsell

Next

Post-purchase upsell