Docs/Summer Upsell/Bundle (Amazon FBT)

Product page widgets

Bundle (Amazon FBT)

PDP

The Bundle widget renders the familiar Amazon-style strip: the current product plus the bundle items side by side, joined by + signs, with the total price and a single Add all to cart button. Every item has a checkbox, so the shopper can drop anything they don't want before adding.

Layout

Amazon-style FBT image strip with a single add-everything button

Amazon FBT

Bundle strip

Side-by-side image strip with the current product (badged This item) pre-selected and joined to the bundle items with + separators. The total price sits next to a single Add all N to cart button; each item has a checkbox and a variant picker.

  • Immediately recognizable layout — zero learning curve for shoppers.
  • Total price shown next to the button so the value is unmissable.
  • One click adds every ticked item; the shopper can untick any of them, the current product included.
  • On narrow screens it collapses to a compact pair with a See more options sheet for the rest.

Best for: Electronics, kitchen, photography, and any category where buyers expect to need accessories.

How to create a Bundle campaign

A

In the Summer Upsell admin

  1. 1 Click Create Campaign.
  2. 2 Under Frequently Bought Together on the Product Page list, pick Amazon FBT.
  3. 3 Offer name (e.g. Bundle — Camera kit).
  4. 4 Set the Trigger — usually Specific products or Specific collections for tight bundle relevance.
  5. 5 Pick the Product source — Specific products is recommended so the kit feels curated.
  6. 6 Add the bundle products (at least one). The current product is included automatically.
  7. 7 Optional: tick Enable discount for bundle products — Percentage or Fixed Amount. It applies to every bundle line, the current product included.
  8. 8 Design tab: template, Widget Title (default Complete the Bundle), Button Text.
  9. 9 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

In the Shopify theme editor

  1. 1 Open Online Store → Themes → Customize.
  2. 2 Switch to the Products → Default product template.
  3. 3 Click Add block below the buy button or under the description.
  4. 4 Pick ✨ Summer: Bundle FBT from the Apps section.
  5. 5 Drag to position. Bundle widgets convert best when placed close to the buy button.
  6. 6 Click Save.
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.

Tip: The discount is applied per item at checkout. If a shopper removes one bundle item from the cart later, the remaining items keep their discount.