Product page widgets

FBT — Full Width

PDP

The FBT Full Width widget is the editorial cousin of Classic FBT. Instead of a vertical checklist, it spreads bundle products horizontally across the full content width — closer to the way H&M, Zara, and other premium retailers show "shop the look" or "complete the set" recommendations. The trigger product is shown on the left; the bundle items render as a horizontal scroller on the right.

Layout

Full-width 'Customers also bought' carousel below the product

Full-Width FBT

Premium retail

Multi-card horizontal carousel below the product description. Shows ~2.5 cards on mobile and 4 on desktop, with arrows that appear automatically when the count exceeds the visible cards.

Shows multiple products without making the customer scroll away from the buy button.
Arrows appear automatically when products exceed the visible count.
Native-looking layout in the H&M / Zara / premium retail style — feels like part of the product page, not an add-on.
Works seamlessly with Shopify Search & Discovery's related and complementary product lists.

Expected AOV impact: 8–15% AOV lift on fashion, home goods, and lifestyle brands. The horizontal scroll feels editorial rather than promotional, so click-through stays high.

Best for: Fashion, beauty, home decor — categories where 'shop the look' or 'complete the set' is a recognizable pattern.

How to create an FBT Full Width campaign

In the Summer Upsell admin

1 Click + New campaign.
2 On the Product Page tab, pick Frequently Bought Together (Full Width).
3 Offer tab: name the campaign, set Trigger, pick the Upsell Source (Manual, Basic AI, or Summer AI).
4 Add up to 5 bundle products. The first 4 are visible on desktop without scrolling.
5 Optional: enable a discount. Display Title (e.g. Bundle savings), Percentage or Fixed, value.
6 Design tab: pick a preset, set Widget Title (e.g. Style the look), tweak typography.
7 Languages tab if you need per-locale overrides.
8 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 main product section.
4 Pick ✨ Summer: FBT FullWidth from the Apps section.
5 Drag to position — full-width layouts read best when placed below the product description, before reviews/FAQs.
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: Image Fit = Cover gives this layout an editorial feel. Pair it with a soft border radius (12–16px) and your theme font for a native look.

Frequently bought together

Bundle (Amazon FBT)