Offer “Complete The Look” Recommendations in Product Pages

This guide shows you how to use WooCommerce Product Recommendations to add curated Complete the Look product recommendations in product pages.

Offer curated Complete the Look recommendations to make product pages more engaging and boost your store’s average order value.
Offering “Complete The Look” recommendations in a product page.

Plugins/Extensions Used ↑ Back to top

Configuration ↑ Back to top

Create a “Complete the Look” Engine ↑ Back to top

  1. Create an Engine
    • Go to WooCommerce > Recommendations > Engines and click Create new.
    • Under Title, enter “Complete the Look”.
    • Choose the Product Engine Type.
  2. Add Filters
    • Locate the Filters section in the Engine Configuration panel.
    • Add a Relative Tag Filter.
    • Select in current to recommend products that have the same tag(s) as the currently viewed product.
    Product tags are descriptive labels you can add to your products. Take a few minutes to understand how product tags work and use them to create curated groups of matching products before you create the “Complete the Look” Engine.
  3. Add Amplifiers
    • Go to the Amplifiers section.
    • Add a Conversion Rate Amplifier.
    • Select high to low to recommend products with the highest conversion rate first.
    • Add a Popularity Amplifier.
    • In the first dropdown, select high to low.
    • In the second one, choose a time interval, for example last 7 days, to favor top-selling products ordered in this period.
    • Add a Freshness Amplifier.
    • Select new to old to favor the most recently created products.
    Use the +/- buttons to increase/decrease the relative weight of each Amplifier in relation to others.
  4. Save the Engine

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

Creating the “Complete The Look” Engine.

Deploy the “Complete the Look” 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 “Complete the Look” Engine.
    • Click the Deploy button.
  2. Configure Display Settings
    • In the Title field, enter “Complete the Look”. 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.
  3. Choose Location

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

  4. Add Visibility Conditions

    Add Visibility Conditions to display “Complete the Look” recommendations conditionally. For example, you may want to offer them only if the currently viewed product has a specific tag:

    • Go to the Visibility Conditions section.
    • Add a Product tag condition.
    • In the dropdown that appears, select in.
    • Finally, add one or more tags in the last field. In this case, we added the light-brown-formal-look tag.
    Deploying the “Complete The Look” Engine.

    This ensures that the recommendations will be displayed only when viewing a product from the light-brown-formal-look tag.

  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 “Complete the Look” Engine:

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

  1. Navigate to WooCommerce > Recommendations > Locations.
  2. Go to the Product section.
  3. Click the Before Tabs tab.
  4. Expand the “Complete the Look Rated” 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 “Complete the Look” Engine deployment by navigating to WooCommerce > Recommendations > Locations > Overview.

Editing the “Complete The Look” Engine.
Editing the “You May Also Like…” Engine deployment.

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

Back to the top