The Frequently Bought Together section helps boost sales by recommending complementary products that are often purchased alongside the one currently being viewed. These smart, data-driven suggestions appear on the product page or during checkout, encouraging customers to add more items to their cart in a single click — increasing average order value and enhancing the overall shopping experience.
2. Click on the “AI Recommendations” section from the app menu
→ This will open the AI Recommendations Setup screen (as shown in the image), where you can create and manage personalized product recommendation sections powered by AI. These sections can be added to any page of your store to display relevant product suggestions based on user behavior.
After selecting Frequently Bought Together as your recommendation type and filling out the necessary details, click on the Save button at the top right corner.
This will create the AI-powered recommendation section and the section detail page will open.
Note: The section is disabled by default—it won’t be visible to visitors until you enable it.
→ Once you’ve saved your section, you’ll be redirected to the Section Detail Page, which looks like this:→ Firstly Enable your section on your store by clicking on the enable section button.Here, you can fine-tune how your Frequently Bought Together recommendations behave on your store. Here’s a quick rundown of the editable options:→ Basic Info
Section Name: You can rename your section here if needed.
Set Translations: Customize how the title appears in different languages.
→ Recommendation ConfigurationThis section allows you to customize how product recommendations are generated for your Frequently Bought Together section. You can combine multiple methods to ensure accurate and dynamic suggestions.1. Rule-Based Recommendation
Click Configure to recommend products based on specific collection types, tags, product types, or vendors.
Ideal for category- or tag-specific bundling logic.
2. 1-1 Manual Recommendation
Click Configure to manually select product recommendations for individual products.
Highest priority – these recommendations override others if set.
3. Advanced Configuration→ Includes extra options:
Automatic Recommendation: Enable this to let the system automatically suggest products based on your store’s real-time sales data using proprietary algorithms.
Enable Random Recommendations: Use fallback random suggestions when no data is available.
Show Sold Out Items as Recommendations: If enabled, even out-of-stock items may appear in the suggestion list.
→ Excluded Products and Tags
Excluded Products and Tags are used to remove specific products or tags from being recommended only within this particular section.
Note: When a product or tag is disabled, the entire recommendation section will not be shown on those product pages. To disable items globally, configure them in your store settings.
→ Whitelist Products and Tags
Whitelist Products and Tags are used to restrict recommendations to only show specific products or products with specific tags within this section.
Note: When using whitelists, only the specified products or products with the specified tags will be eligible to appear as recommendations in this section. This provides precise control over what can be recommended.
→ Discount Configuration (Optional)The Discount Configuration allows you to set up automatic discounts for products purchased together through this section. You can configure discounts in two ways:1. Percentage Discount
Set a percentage discount that will be applied to the section
Example: 10% off when buying recommended items together
2. Fixed Amount Discount
Set a specific amount to be deducted from the total price
Example: $20 off when purchasing recommended products together
→ Location & Position
Choose where to show the section on your Shopify store:
Enter a div ID, class selector or xPath to specify the location (default: #shopify-section-product-template)
Set the position number to control where the section appears within that location (1 = first section)
Use breakpoint-based configuration for granular control across different screen sizes
For direct theme code placement, copy the provided widget code snippet
Optional: Enable “Require app block placement” to control section display in storefront
→ Advanced Configuration SettingsConfigure additional settings to fine-tune how recommendations are generated and displayed:1. Price Percentage Threshold
Set a threshold percentage to control which products appear as recommendations
Example: Setting 200% means only products costing up to twice the main product’s price will be shown
Helps maintain relevant price ranges in recommendations
2. Product Ranking Criteria
Choose how recommended products should be ranked and ordered
Options include:
No criteria (default)
Bestsellers first
Price (high to low)
Price (low to high)
New products first
Personalized for viewer
Random
3. Fallback Criteria
Define what happens when primary recommendations aren’t available
Options include:
Random (default)
Best sellers
No criteria
Trending
4. Price Range Limits
Minimum Price: Set a floor price for recommended products
Maximum Price: Set a ceiling price for recommended products
Helps ensure recommendations stay within desired price ranges
Note: These advanced settings are optional. The recommendation system will work with default values if not configured.→ Status Section
Control whether this recommendation section is active or inactive on your store
Simple toggle switch to enable/disable the section from the section details page
→ Visual Editor
Choose between Visual Editor or Visual Editor V3 for customizing your section’s appearance
Select a template:
For stores with v2 templates, only Visual Editor will be visible
For stores with v3 templates, both Visual Editor and Visual Editor V3 will be visible
Make changes to your section’s appearance by clicking the Visual Editor or Visual Editor V3 button based on your assigned template
Customize layout, styling and content through the editor interface
Configure template-specific settings by clicking the “Click Here” link
Select a default layout style:
Carousel
Horizontal Grid
Amazon like Bought Together
Choose layout style for different screen sizes:
Small screens (mobile): Select Carousel, Horizontal Grid, or Amazon like Bought Together layout
Medium screens (tablet): Select Carousel, Horizontal Grid, or Amazon like Bought Together layout
Large screens (desktop): Select Carousel, Horizontal Grid, or Amazon like Bought Together layout
→ Segmentation
Control which visitors see this recommendation section
Available targeting options:
All visitors (default)
First-time visitors
Returning visitors
Buyers
Is customer
Is not customer
Helps create personalized experiences for different user segments