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:
| Feature | Status |
|---|---|
| Product-based recommendations | Supported |
| Category-based recommendations | Supported |
| Personalized recommendations | Supported |
| Real-time recommendation updates | Supported |
| Multiple recommendation types per page | Supported |
| Custom recommendation labels | Supported |
| A/B testing support | Supported |
| Analytics integration | Supported |
| Cross-sell recommendations | Supported |
| Up-sell recommendations | Supported |
| Related products | Supported |
| Recently viewed products | Supported |
| Popular products | Supported |
| Trending products | Supported |
| No-code UI configurations | Supported |
| Slots for extensibility | Supported |
Section topics
The topics in this section will help you understand how to customize and use the product recommendations effectively within your storefront.
Quick Start
Provides quick reference information and getting started guide for the Recommendations drop-in. This topic covers package details, import paths, and basic usage examples to help you integrate product recommendations into your site. Visit the Recommendations quick start 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.