Placements guide

How to add Frequently Bought Together to Shopify product pages

Quick answer

To add Frequently Bought Together on Shopify, add the Nexora - Bought Together block to your product template, then create a campaign that links trigger products to the items you want to suggest. Customers see the offers next to the product with a price and an add button, and an optional discount is applied automatically at checkout.

Updated 5 min read Install free

What a Frequently Bought Together widget does

A Frequently Bought Together widget sits on the product page and shows a few items that go well with the product being viewed: a strap for a watch, a cleaning kit for sneakers, batteries for a toy. Each item has its price and an add button, so customers can build a fuller order before they reach the cart.

It works best on the product page because that is where customers compare and decide. A suggestion that solves the next question ("what do I need with this?") saves them a search and can make the main purchase easier.

Your options on Shopify

Many Shopify themes include a product recommendations section, and some free themes have a complementary products block on the product page. With Shopify's Search & Discovery app you can choose up to 10 complementary products per product. See also Shopify's guide to adding product recommendations to your theme.

Those sections are a good free option if you only want to show links. They usually open the other product page rather than adding the item directly, and they don't attach a discount to the suggested item. An app widget adds both.

Theme recommendationsNexora - Bought Together
Chooses productsShopify's recommendations, or your Search & Discovery picksYour own picks (Manual) or Shopify's recommendations (AI Recommendation)
Add without leaving the pageUsually noYes
Variant and quantity choiceOn the other product pageOptional Show variant dropdown and Show quantity selector
Discount on the suggested itemNoPercentage, Fixed amount or Manual price
Add everything at onceNoBundle selection mode

Step by step: set up Frequently Bought Together

  1. Add the block

    In the app's Complete your setup card, click Open theme editor next to Add to Product Page. On the product template, click a section (often the product information section), choose Add block and select Nexora - Bought Together. Drag it under the buy buttons and save.

  2. Create a campaign

    Go to Campaigns and click Create campaign. Keep Manual as the type.

  3. Write the widget text

    Under Widget Content, keep the default Title "Frequently Bought Together" or write your own, and adjust Description and Button text.

  4. Link products

    Click Add item, set When customer buys to Specific products and select the main products. Click Add offer and select the items to suggest. Add one item per product family if different products need different suggestions.

  5. Set the discount

    For each offer, choose a Discount type and value, or enter 0 to offer the item at its normal price.

  6. Choose layout and behavior

    On Display Rules, pick Stack or Carousel, set Max offers to show, and under Product page behavior decide whether to turn on Combine with Add to Cart button.

  7. Save and check

    Make sure Product Page is ticked under Target Pages, click Save, and open one of the trigger products on your store.

Layout, selection mode and product page behavior live on Display Rules

Product page settings explained

SettingWhat it doesWhen to use it
Layout: StackOffers listed one under anotherOne to four offers, or when you want Bundle mode
Layout: CarouselOffers in a sliderMany offers in a small space
Selection mode: IndividualEach offer has its own add buttonUnrelated add-ons customers pick one by one
Selection mode: BundleCheckboxes and one shared buttonA set that belongs together (Stack only)
Combine with Add to Cart buttonVisible offer items are added with the main product when the theme's Add to cart is clickedAdd-ons most customers want anyway
Show per-item Add to order only after main product is in cartOffer buttons stay hidden until the main product is in the cartWhen an add-on only makes sense with the main item
Show compare-at priceShows the original price crossed outWhen you give a discount on the offer

Combine with Add to Cart button works with most modern themes that use a standard product form. Test it on your own theme after saving.

Example: a camera store

A store selling cameras wants to suggest a memory card and a spare battery on every camera page.

  • When customer buys: Specific products, all cameras
  • Offers: a 64 GB memory card at Percentage 10, a spare battery at Percentage 10
  • Title: Complete your kit; Button text: Add to order
  • Layout: Stack; Selection mode: Bundle, so customers can tick both and add them together
  • Show variant dropdown on for the memory card, so customers can choose the size
Each offer can use its own discount type and value

Tips and common mistakes

  • Keep it to two or three offers. A long list pushes the buy button down and slows the decision.
  • Match the offer to the product. One campaign with several items, each with its own Specific products trigger, lets every product family get its own suggestions.
  • Place the block close to the buy button. Customers are most likely to see it there.
  • Remember priority. On the product page only the first matching campaign from the top of the Campaigns list is shown. Move your most specific campaign above a general All products campaign.
  • Check sold-out items. Sold-out variants are marked and cannot be chosen; if all variants are sold out the offer shows Sold out.

Frequently asked questions

Can Shopify pick the products for me?

Yes. Create an AI Recommendation campaign and choose the Related or Complementary algorithm. The app then uses Shopify's own product recommendations.

Can customers add all suggested items at once?

Yes. Set Selection mode to Bundle with the Stack layout. Customers tick the items they want and add them with one button.

Does the widget work with my theme's Add to cart button?

Turn on Combine with Add to Cart button and the visible offer items are added together with the main product when the customer uses your theme's button.

Can I show different suggestions for different products?

Yes. Add several items to one campaign, each with its own Specific products trigger and offers, or create separate campaigns.

Do I have to give a discount?

No. Set the discount value to 0 to offer the item at its normal price.

Keep reading

Related guides

Try Nexora Order Bumps & Upsell free

Every feature in these guides is included — free, on any Shopify plan.