Skip to content

Search is only available in production builds. Try building and previewing the site to test it out locally.

Product Recommendations overview

The product recommendations drop-in component provides a powerful way to suggest products to customers based on their browsing patterns and behaviors. These recommendations are displayed as units with descriptive labels such as “Customers who viewed this product also viewed” or “Customers who bought this product also bought”. The component can be managed and deployed across different store views directly from the Adobe Commerce Admin.

Supported Commerce features

The following table provides an overview of the Adobe Commerce features that the product recommendations component supports:

FeatureStatus
Product-based recommendationsSupported
Category-based recommendationsSupported
Personalized recommendationsSupported
Real-time recommendation updatesSupported
Multiple recommendation types per pageSupported
Custom recommendation labelsSupported
A/B testing supportSupported
Analytics integrationSupported
Cross-sell recommendationsSupported
Up-sell recommendationsSupported
Related productsSupported
Recently viewed productsSupported
Popular productsSupported
Trending productsSupported
No-code UI configurationsSupported
Slots for extensibilitySupported

Section topics

The topics in this section will help you understand how to customize and use the product recommendations effectively within your storefront.

Installation

Provides the step-by-step process for embedding product recommendations into your site. This topic covers everything from basic setup requirements to more advanced configurations, ensuring that the drop-in component integrates seamlessly with your existing website architecture. It is designed for compatibility with modern web technologies, focusing on ease of use and flexibility for developers. Visit the recommendations installation page to get started.

Styles

Describes how to customize the appearance of the product recommendations using CSS. We provide guidelines and examples for applying styles to various components within the drop-in. This customization allows brands to align the drop-in component’s look and feel with their overall design aesthetic, enhancing brand consistency across the platform. Visit the recommendations styles page to learn more.

Containers

Describes the structural elements of the product recommendations, specifically focusing on how the container manages and displays content. It includes information on configuration options and how to leverage these settings to customize the user experience. Understanding the container is essential for developers looking to optimize the layout and styling of the recommendations. Visit the recommendations containers page to learn more.

Slots

Slots allow developers to customize the appearance of the product recommendations by adding or modifying content within specific sections of the drop-in component. Visit the recommendations slots page to learn more.

Functions

Describes the API functions available in the Product Recommendations dropin. These functions allow developers to retrieve and display detailed recommendation information dynamically. Visit the Recommendations Functions page to learn more.