Add “Frequently Bought Together” Recommendations in Product Pages

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

Plugins/Extensions Used

↑ Back to top

• WooCommerce
• WooCommerce Product Recommendations
• Storefront

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 Amplifiers
   • Locate the Amplifiers section in the Engine Configuration panel.
   • Add a Bought Together Amplifier.
   The Bought Together amplifier will recommend the most relevant products that are likely to be purchased in the same order as White Shirt. To evaluate relevance, the amplifier utilizes a significance scoring function that “compares” the number of orders that contain both White Shirt and each candidate product, against the number of orders that contain the candidate. If needed, the algorithm can be fine-tuned to your store’s data; for assistance with this, please get in touch with our Support team!
3. Save the EngineClick the Create button to save the Engine you just created.

Deploy the “Frequently Bought Together” Engine

↑ Back to top

1. 1. Deploy the EngineClick Deploy in the message that appears after saving the Engine. Alternatively:
      • 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 LocationSelect 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 ConditionsUse 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.

1. Finalize the DeploymentClick 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.

To edit the Display Settings, Location, or Visibility Conditions:

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.

Tips

↑ Back to top

Bought Together vs Others Also Bought

↑ Back to top

• Use the Bought Together amplifier to recommend relevant products that are likely to be purchased in the same order as the currently viewed product.
• Use the Others Also Bought amplifier to recommend relevant products that are likely to be purchased along with the currently viewed product over a customer’s lifetime.

Don’t Overdo It

↑ Back to top

Adding many recommendations to the same page or Location can reduce their impact and harm your store’s conversion rate. For this reason, Product Recommendations allows you to limit the maximum number of recommendation blocks offered per Location. To control this, navigate to WooCommerce > Settings > Recommendations and adjust the Recommendation Blocks Limit option. As a rule of thumb, it’s best to keep this value low, between 1 and 3. Remember that the extension prioritizes Engine deployments according to their relative position in the WooCommerce > Recommendations > Locations > [Page] > [Location] list. Try to position your best-performing Engine deployments higher, especially if you have entered a low value in the Recommendation Blocks Limit option. The Reports built into the extension will help you identify and prioritize the Engine deployments that perform better than others in the same Location.

Notes on Full Page Caching

↑ Back to top

If your server is configured to serve cached content/pages, certain recommendation engines deployed in catalog/product pages may:

• fail to display dynamic, personalized, or conditional content; or even
• not be rendered at all.

To get these recommendations to display properly for visitors without an active session, you can use an alternative method for rendering recommendations that will bypass your server’s page cache on these pages:

1. Go to WooCommerce > Settings > Recommendations.
2. Locate the Deployments rendering > Use AJAX option and enable it.

Note that enabling this option may introduce a noticeable delay between the time that a page has fully loaded and the time that recommendations become visible to visitors without an active session. This delay will depend on the speed of your server, and the quality of your each visitor’s network connection. If this is an issue, the next option is to completely disable the page caching features enabled on your site/server (not recommended!).

Questions & Support

↑ Back to top

Have a question before you buy? Please fill out this pre-sales form. Already purchased and need assistance? Get in touch with us via the Help Desk!