A Frequently Bought Together (FBT) Bundle is a smart product recommendation tool that showcases complementary or related items commonly purchased together by other shoppers.
These bundles appear directly on the product page, making it easy for customers to add multiple products to their cart with a single click.
FBT Bundles not only enhance the shopping experience but also help boost average order value by encouraging thoughtful, relevant add-ons. You can configure them manually by selecting specific product combinations, or use AI-driven suggestions based on real customer behavior and purchase history.
Step-by-Step Guide to Setting Up FBT Bundles
STEP 1
Create a FBT Bundle
Go to the homepage and select the Frequently Bought Together Bundle option to create the bundle. Click ‘Select’.
STEP 2
There are 3 sections available: Content, Design and Advanced.
The Widget Preview is available on the right side.
STEP 3
The Content tab is where you configure the core setup of your Frequently Bought Together bundle. This section allows you to input a title, choose how your product combinations are generated, and manage key offer components.
1. Bundle Info -
Title: Enter a name that communicates the value of the bundle to customers (e.g., “Frequently Bought Together”, “Complete the Look”, or “Perfect Pairing”).
Setup Mode - Choose how product combinations are selected:
1. All Products (AI Suggestions): The system will automatically suggest best-selling combinations based on your store’s data across all eligible products.
2. Specific (Manual): You manually define which products should appear together for specific items, giving you complete control over what’s shown.
STEP 4
2. Product Setup - The Product Setup section allows you to manually configure the product pairings for your Frequently Bought Together (FBT) bundle.
Main Product: This is the primary product your customer is viewing. Click “ Add Product” to select the item for which you want to recommend additional products.
Suggested Products: These are the complementary or related items that will appear as part of the FBT offer. Click “Add Products” to choose one or more items that should be suggested alongside the main product.
[Please note: You can only add up to 5 suggested products.]
You can also change the Main Product by clicking on ‘Edit’, or make any changes (addition, removal or change of product) in the suggested product range by clicking ‘Add Products’.
As you add or update these selections, the Widget Preview on the right will reflect your configuration in real time, allowing you to see how the bundle will appear to shoppers on your store.
STEP 5
3. Discount - The Discount section allows you to apply special pricing to encourage customers to purchase all suggested items in a Frequently Bought Together bundle. This helps increase conversions by offering visible value and savings.
Discount Type: Choose from: Percentage Discount (%), Fixed Amount Discount ($), Fixed Bundle Price, Without Discount.
You can enter the Value beside the selected type (e.g., 5% for a percentage discount), and the Widget Preview updates in real time to reflect the discounted pricing across all bundled items.
STEP 6
4. Text Fields - The Text Fields section allows you to personalize the text that appears in the Frequently Bought Together widget. This helps you align the messaging with your brand voice and enhance the user experience.
Footer Text - Customize the labels for:
Total – the total bundle cost (e.g., "Bundle Price" or "Subtotal")
Off – the discount label (e.g., "You Save" or "Discount")
Add to Cart CTA (Call to Action) - Choose to either use the default CTA (“Add to Cart”) or uncheck the box and enter your own text (e.g., “Get This Bundle” or “Complete My Set”)
Free Text - Display a short label for any free item included in the bundle (e.g., "Free", "Gift", or "Included").
STEP 7
Next, move on to the Design tab. The Design tab lets you visually style your Frequently Bought Together (FBT) widgets to match your store’s branding. Any changes made here will be applied globally to all FBT bundles for a consistent look across your storefront.
1. Colors -
Background Color - Customize the background for each component: Bundle Widget, Product Card, Footer, Add to Cart Button.
Text Color - Define text colors for: Bundle Title, Product Name, Product Price, Compared Price, Variant Selector, Footer Text, and Add to Cart Label.
Border Color - Customize border colors for Product Cards and Product Images to help elements stand out or blend with your theme.
STEP 8
2. Typography - The Typography section allows you to fully customize the font styling of all text elements within your FBT widget. This ensures that your bundle design aligns with your store’s branding and enhances readability across devices.
Font Family - Choose from your store’s custom font options to match your theme.
Bundle Title - Adjust the font size and style of the main bundle heading (e.g., “Frequently Bought Together”).
Product Name & Product Price - Set the text size and styling for product titles and current prices.
Compared Price - Style the original (strikethrough) price to emphasize discounts.
Variant Selector - Customize how product variant options (like size or color) are displayed.
Footer Text & Footer Price - Control the styling of the total pricing and discount summary area at the bottom of the widget.
Add to Cart Text - Define the size and weight of the CTA button text to ensure it grabs attention.
STEP 9
3. Border - The Border section allows you to adjust the thickness, shape, and rounding of key elements in your FBT widget to better align with your store’s aesthetic. These subtle design tweaks help create a more polished and cohesive look across product displays.
Customizable Options:
Product Card Width & Radius - Control the border width and corner radius around each product tile in the bundle. A higher radius will round the corners more, giving a softer, modern look.
Product Image Border - Set the border width and radius for product images within the bundle. This helps highlight images or create visual separation from the background.
Add to Cart Radius - Customize how rounded the Add to Cart button appears.A higher radius creates a pill-shaped button; lower values keep it sharp and square.
STEP 10
4. Product Image - The Product Image section allows you to customize the size, visibility, and interactivity of product images within your FBT bundle widget. This ensures your bundle visually aligns with your store’s layout across all devices.
Available Options:
Size - Choose from various image sizes (e.g., Small, Medium, Large) to control how prominent product images appear in the widget.
Display - Set visibility rules:
1. Desktop/Mobile – Show product images on all devices.
2. Desktop – Show only on desktop view.
3. None – Hide product images completely.
Show Checkboxes - Enable or disable checkboxes on product cards to let shoppers choose which suggested items to include in their bundle.
STEP 11
Finally, move on to the ‘Advanced’ section.
The Advanced tab gives you additional control over how your Frequently Bought Together (FBT) bundle behaves on your storefront. It includes options for widget placement, scheduling, and customer targeting to ensure your offers are shown at the right place, time, and to the right audience.
Widget Position
Position: Choose where the FBT widget appears on your product page.
The default setting is Below Add-to-Cart, but you can adjust this to place it above, below, or next to certain elements.
Hide Shopify Elements: Enter specific CSS selectors here to hide Shopify-native components (e.g., redundant upsell blocks or pricing info) that might conflict with or duplicate what’s shown in the bundle.
For a detailed step-by-step guide, refer to this help article: How to Position Bundles on Your Product Page
STEP 12
2. Scheduling - Set a start date and time, and even an end date (click on the checkbox and set it) for your FBT Bundle offer. Ideal for limited-time campaigns, flash sales, or seasonal promos.
STEP 13
3. Customer Targeting - The Customer Targeting feature allows you to control who sees your Frequently Bought Together (FBT) bundle based on specific customer attributes. This is especially useful for offering exclusive bundles, running targeted campaigns, or rewarding high-value shoppers.
Display Bundle To:
All Customers – Show the offer to everyone visiting the product page.
Specific Customer Segment – Limit visibility to customers who meet certain criteria.
In case of Specific Customer Segment -
Customer Tags - Show bundles only to users with certain Shopify tags (e.g., “VIP”, “Loyal”). You can include/exclude based on tags.
Customer Countries - Limit bundle visibility by geographic region — useful for country-specific offers or regulations. You can include/exclude based on countries.
Minimum Lifetime Spend - Display bundles only to customers who’ve spent above or less than a set threshold.
You can combine multiple rules using "AND" logic for even more precise targeting.
STEP 14
Click ‘Save’ to apply the customizations.
STEP 15
Finally, activate the FBT Bundle by simply clicking on ‘Activate’.
Once you’ve activated the bundle, you can also view it on the store. Simply click ‘Show on Store’
For Example -
Need Help?
If you have any questions or need assistance, feel free to contact us:
Live Chat: Available via the Kefi Bundles app or website.
Email: [email protected]