> ## 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: Recomendados 

Los productos recomendados se mostrarán en una franja sobre el sector del footer en las fichas de producto. Recuerda que los cambios pueden demorar hasta 24 horas en impactar en tu sitio, debido a los procesos internos que deben ejecutarse de machine learning.

${youtube}[](kcJZOby8LS4)

### Acceso

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

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

3. Ingresa a la sección **Recomendados.**

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

### Configuración del carrusel

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

2. Mostrar precios
Con esta opción puedes elegir si quieres exhibir el precio de los productos más populares o no. 

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcSsR3cSEOYKQYL_iSM-ExO0NvUkb8d87mowwIbI0y6AyNJvXEh6TxJwMxNqfXd9YsBVojSW9j2z5bGL1I1gDlyPP42lG_UV6YN9eUvxE6ktk_FnWzo1jf9etI86ii8oQZAqcZ8-SmV5tVtvT8I0yLNtd0f?key=cZbRyGM_iNhx5ZYt12o9kw)

### Apariencia

Configura el look and feel del carrusel.

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://lh7-rt.googleusercontent.com/docsz/AD_4nXfRYMNuvYjUfYjq1mrcx0inVrQxfuL_G-xLaRtVFPMSOO6XZKU1CNWa0zZcaUBJgelAZXYF1GFsN01x7y2vnJzRAxy-ALDi0w3bXeajrDYdzH8FEDbJf1aKZExVgHO17UomUib17odcGE9g2kjugIhQLTg?key=cZbRyGM_iNhx5ZYt12o9kw)

2. 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://lh7-rt.googleusercontent.com/docsz/AD_4nXeMGftxZIT1LkC8o0VTf9n7tKOSB6OuAvIzQfJNWXtDi86V_yIIyaapTCpBDV9vnfwR7b4dy0SdFvxJYk8PCFjpz-flDdu67A-Dsx0CggfBh3fSIESQx0PR6QvRFaxSLiBxLV939krkNNEgJO83UdxsylEm?key=cZbRyGM_iNhx5ZYt12o9kw)

* **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_4nXd_M218jCP9dIFAGdcIjbWNQa5mHFZtJO6PftZCUDEHdPta4f-HM9BEnAu0NZu87DX6qrjplpC5WEJyJ1a9nfDezlv8sgUhn7b0o-fwFeO-WxZKKdDPQYeVPIMAa2EFmiWtBYth_yBI2rHo2m_tdIbry3o?key=cZbRyGM_iNhx5ZYt12o9kw)

* **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_4nXf9oL-6h5xhmCS-GIsll8J65VakDfMJ1YKK0C3d-Bq8uKSmeOvkrjsVJLcBDGlHbV6E4UGayAchrCUyGQEye92Fi_nSI3LYJx7z0pLCoF6cD_AO5VcqEoY-nY_GKjIp-1i2mNBFNeYNHYQ9AkGrK9bJSdok?key=cZbRyGM_iNhx5ZYt12o9kw)

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

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

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdcUGoCGxnN51HWf4yHCZy8nglJQG3F_eEX8U8nEdv0Tf-uZWQP6RHtK0jWCB9AOaxyqAjWQrf08Lg5b5rw7r33U-bkUdoCeZHNDuWSU2iQpBie6fxdVLRGieB6XRPbP8LvbkPuCCKSfk-wxfCsjBmSFwY?key=cZbRyGM_iNhx5ZYt12o9kw)

**