> ## 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: Más Populares

Los productos más populares se mostrarán en forma de carrusel sobre el footer de la home del sitio. En la versión desktop se pueden llegar a mostrar hasta 7 productos.

${youtube}[](j7tFVAjcKt0)

1. Ingresa al módulo **Ecommerce.**

2. Selecciona el menú de **Vitrinas AI.**

3. Ingresa a la opción de **Más populares.**

![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_1dko3nx.png)


### Configuración del carrusel

![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_1y5vkaz.png =836xauto)


1. Elige un **título**: se mostrará cómo encabezado del carrusel. Por ejemplo: "Los productos más elegidos".

2. **Productos**: puedes configurar los productos que deseas que se muestren de manera manual o activar la selección automática basada en AI.

3. Haz click en **guardar**.


### Apariencia

Configura el look and feel del carrusel.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_lpqia9.png =766xauto)

1. Mostrar **precios**: con esta opción puedes elegir si quieres exhibir el precio de los productos más populares o no. 
2. **Borde **del producto: elige si quieres que estén activos o no.
3. **Estilo **del borde: selecciona esta opción para delimitar en un cuadro los productos que serán exhibidos en el carrusel. Puedes elegir estilo cuadrado o redondeado. 
4. Configura los **colores**:
* Color de borde,
* Color de fondo,
* Color de título,
* Color del precio.

### Subir HTML

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

![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_1nstdbo.png)


* **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_4nXdxLINvYIPsBzuaUuQ3p5quicMyIi-zPRvfv80TJ7vSwyhYni6o4umG6QzzrFWQsxMfazyM-gpwf3fsH-ISUB_hQU-Ro72w7SqeQiVrHBAszQLPLY-RmjU6ubIMbte2lSbrBPCfNzPDCPF_RfjEp_5uI1N7?key=j5P__ahRyuGS7pqx6vZIBA)

* **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_4nXeGiY-qXWYcIo391GYVi8Tkc3wkAJBkC75e3Ph8Uhuecb0IXXPiv7qiSdal_PdAI3NxaSFgL-wvsEt7YEsZEJH146j4AjKLwR5Co9qgp4mVajpWhO7M7kTN61vVYDg9qsVQjctVw5MSpvJg9UERyp8o1xvT?key=j5P__ahRyuGS7pqx6vZIBA)

|| 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/e4b41ef8ae96c800/image_1mqzhlb.png)
### Visualización

Puedes previsualizar el diseño del carrusel en la ventana de configuración.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_ksxu8k.png =504xauto)