> ## 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 Cross-selling desde Sitios
El **cross-selling desde Sitios** permite mostrar a cada usuario recomendaciones de productos complementarios según su última compra. Esta estrategia ayuda a aumentar el ticket promedio, mejorar la experiencia de compra y aprovechar al máximo cada interacción con tus clientes.
Con esta automatización, puedes enviar correos personalizados que incluyan productos sugeridos, aumentando las chances de conversión al presentar artículos relevantes.
| ¿Deseas configurar Cross-selling en tu sitio? Consulta nuestra guía: [Configuración de Cross-selling en Sitios](https://help.icommkt.com/es/article/configuracion-de-cross-selling-en-sitios-1pdwz8h/)
En este artículo encontrarás las diferentes opciones de **HTML** disponibles para automatizar tu estrategia de Cross-selling:
* [HTML Dinámico con un botón único al final del newsletter](#6-html-dinamico-con-un-boton-unico-al-final-del-newsletter)
Permite mostrar productos dinámicamente según la interacción del usuario, con un solo botón que dirige a la página de producto o carrito.
HTML sin precio
* [1 producto con botón.](#6-html-para-1-producto-sin-precio-con-boton-segmentar-quantityofproducts-1)
* [2 productos con botón por producto](#6-html-para-2-productos-sin-precio-con-boton-por-producto-segmentar-quantityofproducts-2).
* [3 productos con botón por producto](#6-html-para-3-productos-sin-precio-con-boton-por-producto-segmentar-quantityofproducts-3).
HTML con precio:
* [1 producto con botón.](#6-html-para-1-producto-con-precio-con-boton-por-producto-segmentar-quantityofproducts-1)
* [2 productos con botón por producto.](#6-html-para-2-productos-con-precio-con-boton-por-producto-segmentar-quantityofproducts-2)
* [3 productos con botón por producto.](#6-html-para-3-productos-con-boton-por-producto-segmentar-quantityofproducts-3)
**IMPORTANTE**
Para la configuración de cada envío, 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 cross-selling 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/)
## Opciones disponibles sin precio
###### HTML Dinámico con un botón único al final del newsletter
En icomm contamos con una versión de HTML diseñada para mostrar hasta 3 productos en el correo de Cross- selling de productos. Este diseño se ajusta automáticamente según la cantidad de productos que haya en la base de datos.
Es importante tener en cuenta que el HTML está maquetado para mostrar siempre 3 bloques de productos. Si en la base solo se recibe información para 1 o 2 productos, los bloques restantes se visualizarán vacíos.
Pasos a seguir:
1. Ingresar al módulo de Canales -> Email Marketing -> Newsletters -> Crear Newsletter.
2. Seleccionar la plantilla Editor.
3. Una vez dentro del editor, selecciona un bloque de texto y haz click en Source:
4. Copia y pega todo el contenido del código HTML:
```html
```
5. Arrastra el elemento **Botón** y personalízalo con el llamado a la acción que desees. Finalmente, invoca el siguiente campo para que cuando un usuario haga click, sea redirigido a su carrito abandonado:
```
**
```
| Para saber cómo invocar los campos dinámicos consulta nuestro artículo Cómo configurar campos personalizados en newsletter Editor
###### HTML para 1 producto, sin precio con botón (segmentar quantity\_of\_products = 1)
```
```
Referencia de la visualización
###### HTML para 2 productos sin precio con botón por producto (segmentar quantity\_of\_products = 2).
```
```
Referencia de la visualización
###### HTML para 3 productos sin precio con botón por producto (segmentar quantity\_of\_products = 3).
```
```
Referencia de la visualización
## Opciones disponibles con precio
###### HTML para 1 producto, con precio con botón por producto (segmentar quantity\_of\_products = 1).
```
```
Referencia de la visualización
###### HTML para 2 productos con precio con botón por producto (segmentar quantity\_of\_products = 2).
```
```
Referencia de la visualización
###### HTML para 3 productos con botón por producto (segmentar quantity\_of\_products = 3).
```