Skip to content

Product page

Frequently Bought Together

Pair the product a customer is viewing with items that go with it. Add-ons start checked, and one button adds the lot at the combined total.
Frequently Bought Together on a product page, with callouts for Product page, Pre-checked, and Combined total.

How it works

Frequently bought together widget with three checked products and a Claim Offer button.

The bundle sits on the product page

Under add to cart the customer sees recommended add-ons, each with a price, and one button for the combined total.

Claim Offer button showing a combined total and a struck original price.

Claim Offer carries the combined price

Button text can include {total} and {compared-at}. The live total updates as items are checked or unchecked.

Cart panel with bundle line items and a Bundle offer discount.

The cart gets a Function discount

Selected products go into the cart together. Your Discount Name appears as a line on the cart and at checkout.

Control every part of the bundle

Flexible controls to shape how your bundle works, looks, and feels.

Offer editor Content card with Button Text set to Claim Offer {total} and helper text for the {total} and {compared-at} tokens.
01

Combined total on the Claim Offer button

Button Text accepts {total} and {compared-at}. {total} is the discounted bundle price. {compared-at} is the sum before the discount. The customer sees both on the button, not after they reach the cart.

  • Default copy is Claim Offer with {total} and {compared-at}.
  • The total recalculates when an add-on is unchecked.
Offer editor Discounts card with Percentage off, Discount Name, and Apply discount on trigger product checked.
02

Apply the discount on the trigger product

Frequently Bought Together is the offer type that can include the product the customer is already viewing, not only the add-ons. Turn on Apply discount on trigger product under Advanced. The cut is a Function discount, so it shows on the cart and at checkout under your Discount Name.

  • Percentage or fixed amount, or no discount.
  • On by default for new FBT offers.
Offer editor Placement card with Select a position set to Below the Add to cart button.
03

Place it below add to cart, in a block, or on an HTML id

Select a position in Placement. Below the Add to cart button is for native Shopify themes such as Dawn. Use app block in theme editor is for Online Store 2.0, where you drop the Frequently Bought Together block yourself. Before or after a HTML element targets a specific id when the theme needs a custom hook.

  • Native themes: below add to cart.
  • 2.0 themes: Frequently Bought Together app block.
  • Custom themes: before or after an HTML id.

Questions about this bundle

Does the discount include the product the customer is already buying?

If Apply discount on trigger product is on, yes. That checkbox lives under Advanced on Frequently Bought Together only. Leave it off and the discount applies to the add-ons.

How does the price on the button stay accurate?

Put {total} in Button Text. The widget replaces it with the combined price of every checked item. {compared-at} is the sum before the discount. Both update when a customer unchecks an add-on.

Where can the widget sit on the product page?

Below the Add to cart button on native Shopify themes, inside the Frequently Bought Together app block you place in the theme editor, or before or after an element you name by HTML id.

Are add-ons selected when the page loads?

Yes, unless you turn off Pre-check all recommended products. Customers can still uncheck anything they do not want before they tap Claim Offer.

How is the discount applied at checkout?

Through a Shopify Function. The Discount Name you set is what appears on the cart and at checkout. The customer does not enter a code.

Add a Frequently Bought Together offer

Create the offer in RevenueLift, set the combined total on the button, and publish.