Add “Frequently Bought Together” Recommendations in Product Pages

This guide shows you how to use WooCommerce Product Recommendations to place Frequently Bought Together recommendations in product pages.

Frequently Bought Together recommendations increase your store’s average order value as they make essentials and accessories easier to discover.

In this example, cross-sells are selected one-by-one. However, the extension also allows you to create category-based selection rules.

Recommending “Frequently Bought Together” products.

Plugins/Extensions Used ↑ Back to top

Configuration ↑ Back to top

To create the Frequently Bought Together block of recommendations:

Create a “Frequently Bought Together” Engine ↑ Back to top

  1. Create an Engine
    • Go to WooCommerce > Recommendations > Engines and click Create new.
    • Under Title, enter “Frequently Bought Together”.
    • Choose the Product Engine Type.
  2. Add Filters
    • Locate the Filters section in the Engine Configuration panel.
    • Add a Product Filter.
    • Select in in the dropdown.
    • In the next field, add the products you would like to recommend. Here, we added a Bow Tie, a Brown Tie and a Red Tie.
  3. Save the Engine

    Click the Create button to save the Engine you just created.

The “Frequently Bought Together” Engine.

Deploy the “Frequently Bought Together” Engine ↑ Back to top

  1. Deploy the Engine

    Click Deploy now in the message that appears after saving the Engine. Altenatively:

    • Navigate to WooCommerce > Recommendations > Locations.
    • Search for and select the “Frequently Bought Together” Engine.
    • Click the Deploy button.
  2. Configure Display Settings
    • In the Title field, enter “Frequently Bought Together”. This will be displayed above the recommended products.
    • Select a number of Product columns and Product rows for the product recommendations. Use the default settings to display a single row of 4 products. Here, we set the number of Product columns to 3.
  3. Choose Location

    Select the Location where you’d like the recommendations to appear. To place the recommendations before the product tabs, choose Product > Before Tabs.

  4. Add Visibility Conditions

    Use Visibility Conditions to display the “Frequently Bought Together” recommendations on specific product pages:

    • Go to the Visibility Conditions section.
    • Add a Product condition.
    • Select in.
    • Add one or more products in the last field. Here, we added the White Shirt.

    This ensures that the products generated by the “Frequently Bought Together” Engine will be displayed only when viewing the White Shirt product page.

  5. Deploying the “Frequently Bought Together” Engine.
  6. Finalize the Deployment

    Click Deploy to deploy this Engine to the specified Location.

Result ↑ Back to top

Making Changes ↑ Back to top

To edit the configuration of the “Frequently Bought Together” Engine:

  1. Navigate to WooCommerce > Recommendations > Engines.
  2. Locate and Edit the “Frequently Bought Together” Engine.
  3. Update the Engine to save your changes.
Important: Once an Engine has been saved, it is no longer possible to change its Engine Type.

To edit the Display Settings, Location, or Visibility Conditions of the “Trending” Engine deployment:

  1. Navigate to WooCommerce > Recommendations > Locations.
  2. Go to the Product section.
  3. Click the Before Tabs tab.
  4. Expand the “Frequently Bought Together” Engine deployment and make changes as needed.
  5. Save your changes.

If you have only deployed a few Engines on your site, you may find it easier to locate and edit the “Frequently Bought Together” Engine deployment by navigating to WooCommerce > Recommendations > Locations > Overview.

Editing the “Frequently Bought Together” Engine.
Editing the “Frequently Bought Together” Engine Deployment.

WooCommerce - the most customizable eCommerce platform for building your online business.

Back to the top