Product page widgets

Bundle (Amazon FBT)

PDP

The Bundle widget renders an Amazon-style fixed bundle: trigger product + bundle items joined by + signs, total price and savings shown above a single Add-to-Cart button. Unlike Classic FBT (where the customer can uncheck items), Bundle adds the entire kit as one unit — the bundle math is always coherent and the savings are always the same.

Layout

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

Amazon FBT

Fixed bundle

Side-by-side image strip with the trigger product included by default, joined by + separators. Total price + savings shown above a single Add-to-Cart button.

Immediately recognizable Amazon-style layout — zero learning curve for shoppers.
Total price and savings shown above the button so the value prop is unmissable.
Single Add-to-Cart adds the entire bundle in one click.
Trigger product is automatically included — bundle math is always coherent.

Expected AOV impact: 10–20% AOV lift on accessory-heavy categories. The 'all-in-one-click' flow eliminates 4–5 individual Add-to-Cart events that would otherwise create drop-off.

Best for: Electronics, kitchen, photography, and any category where buyers expect to need accessories (case + screen protector + charger, knife + sharpener + cutting board).

How to create a Bundle campaign

In the Summer Upsell admin

1 Click + New campaign.
2 On the Product Page tab, pick Amazon FBT (Bundle).
3 Offer name (e.g. Bundle — Camera kit).
4 Set the Trigger — almost always Specific Products or Specific Collections for tight bundle relevance.
5 Pick Upsell Source — Manual is recommended for bundles so the kit feels curated.
6 Pick the bundle items (up to 5). The trigger product is included automatically.
7 Optional: enable Bundle discount — Percentage or Fixed Amount.
8 Design tab: preset, Widget Title (e.g. Buy together and save), Button Text (e.g. Add bundle to cart).
9 Save.

In the Shopify theme editor

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

Tip: Bundle discounts are all-or-nothing. If the customer removes one bundle item before checkout, the discount drops — the Shopify Function checks the cart at checkout time.

FBT — Full Width

Popup upsell