> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.icommkt.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Recommendation Carousel in Notifications HUB

**Translation:**

The recommended products will be displayed in a strip above the footer section on the product sheets. Remember that changes may take up to 24 hours to impact your site, due to internal processes that must be executed by machine learning.

### Access

1. Go to the Notifications Hub module
2. Select the Carousels function
3. Access the Recommended option

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/recomendations-1_1er8s8q.jpg)

### Settings

You can customize the carousel settings.

1. Choose a title
   It will be displayed as the carousel header. For example: "People who viewed this product also viewed"

2. Show prices
   With this option, you can choose whether to display the prices of the most popular products or not.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/recomendations-2_88hn2f.jpg)

### Display

Configure the look and feel of the carousel.

1. Product container border

   Select this option to enclose the products that will be displayed in the carousel in a box. You can choose square or rounded style.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/recomendations-3_1o1rr30.jpg)

2. Colors

   Select:

   - Border color
   - Background color
   - Title color
   - Price color

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/recomendations-4_qeqc9d.jpg)

### Upload HTML

Use this option to add your HTML design.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/recomendations-5_ox2szq.jpg)

- **Upload HTML for the product container:**
  Inside, the products will be displayed by replacing {{products}} with the list of popular products.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/recomendations-6_bfj1zi.jpg)

- **Upload HTML for each product:**
  Each product of the {{products}} tag will be replaced by this code. Within this HTML, the texts {{name}}, {{description}}, {{price}}, {{image}}, {{url}} will be replaced by the title, description, price, image, and URL of each product.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/recomendations-7_76foqs.jpg)

||| **Important!** The link that triggers the action to show the widget must have the id "wpn-ir-inline". Additionally, links to products should have the class "wpn-inline-product-link".

|| You can use the **USE DEFAULT SETTINGS** button to return to the custom mode.

### Visualization

You can preview the carousel design in the configuration window.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/recomendados-visualizacion_hme84a.gif)