> ## 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).
# HTML disponibles para automatizar Carrito Abandonado desde Sitios
La automatización de **carrito abandonado** en Sitios es clave para recuperar ventas que quedaron a medio camino. Permite enviar a los usuarios un recordatorio con los productos que dejaron en su carrito, incentivándolos a completar la compra.
Este tipo de comunicación mejora la tasa de conversión, genera ingresos adicionales y ofrece una experiencia personalizada que acompaña al cliente hasta finalizar su proceso de compra.
En este artículo vas a encontrar diferentes opciones de **HTML** que puedes utilizar en tus correos, según lo que necesites mostrar: plantillas **dinámicas** que se completan automáticamente, **estáticas** con productos fijos y versiones **con o sin precio**. Es importante mencionar que, en todos los casos, debes agregar manualmente el botón que redirige al carrito al final de la pieza. Esto permite utilizar todas las opciones de estilización (colores, fuentes, bordes, etc.) que ofrece el editor, asegurando que el botón se ajuste a los lineamientos de diseño de la marca. A su vez, el texto (Call to Action - CTA) del botón se puede modificar rápidamente desde el editor permitiendo una mayor personalización del newsletter.
* **__HTML dinámico__**
El HTML dinámico se completa automáticamente con los datos que se envían a la base, adaptándose de manera automática para mostrar entre uno y tres productos. No requiere configuraciones adicionales: solo se necesita crear el newsletter y definir la configuración de envío. Esto permite que el contenido se personalice automáticamente según los productos de interés de cada usuario.
* **__HTML estático__**
El HTML estático permite mostrar de manera diferenciada uno, dos o tres productos, siguiendo una estructura predefinida. No se adapta automáticamente según la cantidad de productos, por lo que se requieren distintas configuraciones para cada caso. Su ventaja es que permite mostrar información adicional como el precio de cada producto y agregar un botón final que redirija al carrito abandonado.
A continuación las diferentes opciones de **HTML** disponibles para recuperar carritos abandonados:
[HTML dinámico con botón único, sin precio.](#6-html-dinamico-con-un-boton-unico-sin-precio)
HTML **estáticos** **sin precio**:
* [1 producto con botón](#6-html-estatico-para-1-producto-sin-precio-con-boton-segmentar-quantityofproducts-1).
* [2 productos con botón por producto.](#6-html-estatico-para-2-productos-sin-precio-con-boton-por-producto-segmentar-quantityofproducts-2)
* [3 productos con botón por producto.](#6-html-estatico-para-3-productos-sin-precio-con-boton-por-producto-segmentar-quantityofproducts-3)
HTML **estáticos** **con precio**:
* [1 producto con precio.](#6-html-estatico-para-1-producto-con-precio-segmentar-quantityofproducts-1)
* [2 productos con precio.](#6-html-estatico-para-2-productos-con-precio-segmentar-quantityofproducts-2)
* [3 productos con precio.](#6-html-estatico-para-3-productos-con-precio-segmentar-quantityofproducts-3)
|| IMPORTANTE: Para la configuración de los envíos que utilicen HTML estáticos, es necesario crear y utilizar el **segmento correspondiente** según la cantidad de productos que se mostrarán en el newsletter.
* Si el newsletter muestra **1 producto**, se debe segmentar la base de datos que recolecta la información de carrito abandonado con **1 producto**.
* Si muestra **2 productos**, se debe usar el segmento que contenga **2 productos**.
* Si muestra **3 productos**, se debe usar el segmento que contenga **3 productos**.
Este segmento es el que debe ser seleccionado en la **audiencia** dentro de la configuración del envío.
| [__Cómo Segmentar Bases de Datos (BBDD)__](https://help.icommkt.com/es/article/como-segmentar-bases-de-datos-bbdd-g3sdis/)
| [Cómo crear un newsletter con código HTML](https://help.icommkt.com/es/article/como-crear-newsletter-desde-editor-15by82x/#3-texto:~:text=Newsletter%20a%20partir%20de%20c%C3%B3digo%20HTML%3A)
## __Opciones disponibles__
###### HTML dinámico con un botón único, sin precio
```
```
Referencia de la visualización
###### HTML estático para 1 producto, sin precio con botón (segmentar quantity_of_products = 1).
```
```
Referencia de la visualización
###### HTML estático para 2 productos sin precio con botón por producto (segmentar quantity_of_products = 2).
```
```
Referencia de la visualización
###### HTML estático para 3 productos sin precio con botón por producto (segmentar quantity_of_products = 3).
```
```
Referencia de la visualización
###### HTML estático para 1 producto, con precio (segmentar quantity_of_products = 1).
```
```
Referencia de la visualización
| Para finalizar las piezas de carrito abandonado que utilizan los códigos HTML base que hemos generado, la acción de cierre (el botón principal de "Ir al Carrito") **debe ser agregada manualmente** utilizando la funcionalidad de botón del editor de tu plataforma. Consulta el siguiente artículo: [Cómo agregar un botón a mi Newsletter](https://help.icommkt.com/es/article/como-crear-newsletter-desde-editor-15by82x/#3-boton).
```
Recuerda que el campo a invocar en el botón es <*url_cart*>
```
###### HTML estático para 2 productos con precio (segmentar quantity_of_products = 2)
```
```
Referencia de la visualización
| Para finalizar las piezas de carrito abandonado que utilizan los códigos HTML base que hemos generado, la acción de cierre (el botón principal de "Ir al Carrito") **debe ser agregada manualmente** utilizando la funcionalidad de botón del editor de tu plataforma. Consulta el siguiente artículo: [Cómo agregar un botón a mi Newsletter](https://help.icommkt.com/es/article/como-crear-newsletter-desde-editor-15by82x/#3-boton).
```
Recuerda que el campo a invocar en el botón es <*url_cart*>
```
###### HTML estático para 3 productos con precio (segmentar quantity_of_products = 3).
```
```
Referencia de la visualización
| Para finalizar las piezas de carrito abandonado que utilizan los códigos HTML base que hemos generado, la acción de cierre (el botón principal de "Ir al Carrito") debe ser agregada manualmente utilizando la funcionalidad de botón del editor de tu plataforma. Consulta el siguiente artículo: [Cómo agregar un botón a mi Newsletter.](https://help.icommkt.com/es/article/como-crear-newsletter-desde-editor-15by82x/#3-boton)
```
Recuerda que el campo a invocar en el botón es <*url_cart*>
```