> ## 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).

# Browsing History Carousel in Notifications HUB

The search history will be displayed in a carousel format on the footer that appears on the Home and Product View pages. In the desktop version, up to 10 products can be displayed.

### Access

1. Go to the **Notification Hub** module
2. Select the **Carousels** function
3. Access the **Browsing History** option

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/browsing-history-1_su8fz2.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. Link color

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/browsing-history-2_1p9usyl.jpg)

### Display

Configure the look and feel of the carousel

1. Product container border

Select this option to enclose the products in a box within the carousel. You can choose a square or rounded style.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/browsing-history-3_esi932.jpg)

2. Colors

Select:

Border color

Background color

Title color

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/browsing-history-4_cf23ho.jpg)

### Upload HTML

Use this option to add your HTML design.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/browsing-history-5_hvpubm.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/browsing-history-6_c0wis9.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/browsing-history-7_1oc3p5q.jpg)

|| **Important!** The link triggering the widget display action 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![]

### Preview

You can preview the carousel design in the configuration window.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/browsing-history-visualizacion_sguchu.gif)