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

# Vitrinas AI: Historial de Navegación

El historial de navegación se mostrará con apariencia de carrusel sobre el footer que aparecerá en las páginas Home y Vista De Producto. En la versión desktop se pueden llegar a mostrar hasta 10 productos.

${youtube}[](A0qF4F_HTOg)

1. Ingresa al módulo **Ecommerce.**
2. Selecciona el menú **Burbujas.**
3. Accede a la sección de **Historial de Navegación.**

![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/captura-de-pantalla-2025-11-13_1qt2hlz.png)


### Configuración del carrusel

![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/captura-de-pantalla-2025-11-13_1krvzp6.png)


1. Elige un título
Se mostrará cómo encabezado del carrusel. Por ejemplo: "Quienes vieron este producto también vieron"

2. Color del enlace

### Apariencia

Configura el look and feel de la vitrina.

1. Línea del contenedor de producto:
Selecciona esta opción para delimitar en un cuadro los productos que serán exhibidos en el carrusel. Puedes elegir estilo cuadrado o redondeado. 

![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/captura-de-pantalla-2025-11-13_3d8jga.png)

2. Configura los colores:

* Color de borde,
* Color de fondo,
* Color de título.

### Subir HTML

Usa esta opción para agregar tu diseño en HTML.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXe7RsyC3VnHjnhLo_vCQZ5L4D_5AIaMx8HIuUBzHBj1cfqXxgPq6SRSq4WcCJr7PE5LBvEGvwjWLJz82_tTURAIYcy_dw5PpAaR0rZY9m_-S-WxuS09aZupmG8BTtfJt4HHQJY9nHoCFloFYBZYXtFXYtI?key=UhoO1ZEGTNko6b_0T9aiGw)

* **Carga el HTML para el contenedor de productos:** dentro, se mostrarán los productos reemplazando {{products}} por el listado de productos populares.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfVKLjQC90QKpPb_dzJfb8BGxhP5OUjdSBMhN4zyF2cyr90MFdAQZyCPqPiTu15R6UXT5tKWirMZWgc34Ubx4CLXoSFKmi91NKVcZVCwlMxWFrFo24xQq4c_pmN7UMR_hA2eP3uigy7DcCnvIFNC1Xu35qb?key=UhoO1ZEGTNko6b_0T9aiGw)

* **Carga el HTML para cada producto:** Cada producto del tag {{products}} será reemplazado por este código. Dentro de este HTML, se reemplazarán los textos {{name}} {{description}} {{price}} {{image}} {{url}} por el título, descripción, precio, imagen y URL de cada producto.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcdh6LQX8iIAMbUXmoXCAMC_oLm7Z9v3MbHrgVGxAjxHpx81SQocDHXw0Aqj5QtEZtWJVexG5Et9vxYMb0Fiw8K_RvshCz1HKH3hFlyztK5YoUeRwCNBYbTQ1_Ew_Pe8TMtBN_u6WtOhf7U4uEiO_fidfb4?key=UhoO1ZEGTNko6b_0T9aiGw)

|| ¡Importante! El link que dispara la acción de mostrar el widget debe tener el id "wpn-ir-inline". Adicionalmente, los enlaces a los productos deberán contar con la clase "wpn-inline-product-link".

|| Puedes usar el botón UTILIZAR CONFIGURACIÓN PREDETERMINADA para volver al modo personalizado![]

### Métricas

La pestaña de métricas y resultados muestra los principales indicadores de los últimos 30 días para mejorar el análisis de datos directamente desde el Hub.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/captura-de-pantalla-2025-11-13_1u5ntlf.png)