Display Category Based Cross-Sells and Related Products

This guide shows you how to use WooCommerce Product Recommendations to offer category-based recommendations in your store’s Cart page. As an example, we will create a Summer Essentials block of product recommendations that:

  • contains products from the Summer Accessories and Suncare categories that cost below 50€; and
  • is displayed when the cart contains products from the Swimwear category.
Recommending “Summer Essentials” on the Cart page.

Plugins/Extensions Used ↑ Back to top

Configuration ↑ Back to top

Create a “Summer Essentials” Engine ↑ Back to top

  1. Create an Engine
    • Go to WooCommerce > Recommendations > Engines and click Create new.
    • Under Title, enter “Summer Essentials”.
    • Choose the Generic Engine Type.
  2. Add Filters
    • Locate the Filters section in the Engine Configuration panel.
    • Add a Category Filter.
    • Select in.
    • Add the Summer Accessories and Suncare categories in the last field.
    • Add a Price Filter.
    • Select <= and enter 50 to recommend products cheaper than 50€.
  3. Add Amplifiers
    • Go to the Amplifiers section.
    • Add a Popularity Amplifier.
    • In the first dropdown, select high to low.
    • In the second one, choose a time interval, for example last 30 days, to favor top-selling products ordered in this period.
    • Add a Rating Amplifier.
    • Select high to low to favor products with higher ratings.
    • Add a Price Amplifier.
    • Select low to high to favor cheaper products.
    Use the +/- buttons to increase/decrease the relative weight of the Amplifiers you just added.
  4. Save the Engine

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

The “Summer Essentials” Engine.

Deploy the “Summer Essentials” 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 “Summer Essentials” Engine.
    • Click the Deploy button.
  2. Configure Display Settings
    • In the Title field, enter “Summer Essentials”. This will be displayed above the recommended products.
    • Select a number of Product columns and Product rows for the product recommendations. Here we selected 3 columns and 2 rows.
  3. Choose Location

    Select the Location where you’d like the recommendations to appear. To display the recommendations in the cart collaterals area, choose Cart > Cart Collaterals.

  4. Add Visibility Conditions

    To display the “Summer Essentials” recommendations when products from the Swimwear category exist in the cart, add a Visibility Condition:

    • Go to the Visibility Conditions section.
    • Add a Category condition.
    • Select in cart.
    • Add one or more categories in the last field. Here, we added the Swimwear category.
    • Add a Cart item value condition.
    • Select max item price >=.
    • Enter a value in the last field, for example 50. This ensures that the recommendations will be displayed only if the cart contains at least one item priced higher than $50.

    Deploying the “Summer Essentials” Engine.
  5. 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 “Summer Essentials” Engine:

  1. Navigate to WooCommerce > Recommendations > Engines.
  2. Locate and Edit the “Summer Essentials” 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 “Summer Essentials” Engine deployment:

  1. Navigate to WooCommerce > Recommendations > Locations.
  2. Go to the Cart section.
  3. Click the Cart Collaterals tab.
  4. Expand the “Summer Essentials” 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 “Summer Essentials” Engine deployment by navigating to WooCommerce > Recommendations > Locations > Overview.

Editing the “Summer Essentials” Engine.
Editing the “Summer Essentials” Engine Deployment.

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

Back to the top