En este artículo le explicaremos cómo crear y personalizar una plantilla de e-mail de carrito abandonado.
Hemos creado una serie de artículos para ayudarle a enviar automáticamente e-mails de carritos abandonados a sus clientes:
- Introducción a los carritos abandonados
- Primera parte: cómo crear una plantilla de e-mail de carrito abandonado -> SE ENCUENTRA AQUÍ
- Segunda parte: cómo configurar un escenario de Carrito Abandonado
- Tercera parte: cómo enviar e-mails de carritos abandonados en diferentes idiomas (opcional)
- Cuarta parte: cómo registrar una conversión (opcional)
- Preguntas frecuentes
Antes de empezar
- Asegúrese de haber instalado Brevo Tracker en su sitio web, añadido la funcionalidad de Identificación al script y creado sus eventos de seguimiento de carritos abandonados.
- Para crear una plantilla de e-mail de carrito abandonado, es necesario que habilite nuestro Nuevo lenguaje de plantillas para su cuenta. Si creó su cuenta después del 1 de octubre de 2018, usa automáticamente nuestra funcionalidad más actualizada.
⚙️ Primer paso: cree la plantilla de e-mail de carrito abandonado
Para crear la plantilla de e-mail de carrito abandonado:
- Vaya a Campañas > Plantillas.
- Seleccione si quiere crear una nueva plantilla de e-mail o utilizar la plantilla de carrito abandonado predeterminada:
- Haga clic en Nueva plantilla para crear una nueva plantilla de e-mail.
- Seleccione la plantilla de e-mail Default template - Detailed Abandoned Cart_# para actualizarla.
❗️ ImportantePara que la plantilla de e-mail Default template - Detailed Abandoned Cart_# aparezca en la página Plantillas, primero tiene que crear el escenario de Carrito abandonado como se explica en 🖱️ Seleccione el escenario de Carrito Abandonado (Parte 2 de la serie de artículos de Carrito abandonado).
- Configure los ajustes igual que para una plantilla de e-mail normal.
Importante: puede personalizar el asunto del e-mail y el texto de la vista previa utilizando atributos de contacto. - Haga clic en Siguiente paso.
🎨 Segundo paso: diseñe la plantilla de e-mail de carrito abandonado
Como cualquier e-mail de marketing, los e-mails de carritos abandonados deben incluir un encabezado con el nombre y el logotipo de la empresa, un pie de página con la dirección física de la empresa, la información de contacto, la información relativa a los derechos de autor, un enlace a su política de privacidad y, lo que es más importante, una opción para cancelar la suscripción.
Para diseñar su plantilla de e-mail:
- Si creó una plantilla nueva, seleccione el editor que quiere utilizar (Nuevo editor Drag & Drop o editor clásico Drag & Drop ).
- Diseñe la plantilla arrastrando y soltando bloques de contenido en el diseño de su plantilla para añadir texto con formato, imágenes, botones y otros elementos de diseño.
Para conocer las prácticas recomendadas y ver ejemplos de e-mails de carritos abandonados, puede consultar este artículo del blog de Brevo.
🖋️ Tercer paso: personalice la plantilla de e-mail de carrito abandonado
Que el diseño de los e-mails sea bueno es importante, pero los e-mails de carritos abandonados también deben contar con personalizaciones para el comprador al que se le envía el e-mail, como los productos que se dejaron en el carrito, y dirigirse al comprador por su nombre.
Para añadir estos datos a los e-mail enviados, inserte marcadores de posición para los atributos de contacto y los datos del carrito abandonado en la plantilla.
Marcadores de posición para atributos de contacto
Puede personalizar la plantilla de e-mail de carritos abandonados utilizando los atributos de contacto almacenados en su lista de contactos de Brevo. Cada atributo describe un tipo de información que se almacenará sobre sus contactos, como el nombre, dirección de e-mail, número de teléfono, género, etc. Si personaliza la plantilla de e-mail insertando marcadores de posición para los atributos de contacto, podrá sustituir los datos genéricos por el nombre del comprador, su color favorito o cualquier otra información útil.
En nuestro ejemplo, hemos incluido una personalización del nombre del contacto utilizando el marcador de posición {{ contact.FIRSTNAME }}.
Editor Drag & Drop nuevo | Editor Drag & Drop clásico |
![]() |
![]() |
Para obtener más información sobre la personalización de los e-mails mediante atributos de contacto, consulte Cómo personalizar su e-mail con atributos de contacto.
Marcadores de posición para datos de carritos abandonados
Para introducir datos sobre los productos no comprados y el carrito abandonado (nombre, tamaño, precio, etc.), deberá insertar los marcadores de posición correspondientes en su plantilla de e-mail.
Los marcadores de posición para los datos de los carritos abandonados vienen determinados por el método que haya usado para crear sus eventos de seguimiento:
- Si los eventos de seguimiento para los carritos abandonados se crearon automáticamente utilizando un plugin de Brevo, los marcadores de posición están estandarizados.
- Si usted o un desarrollador crearon manualmente los eventos de seguimiento para los carritos abandonados, deberá crear su propia lista de marcadores de posición para utilizarlos en su plantilla de e-mail. Estos marcadores de posición dependerán de la estructura de su evento de seguimiento y del nombre de su matriz. Por defecto, la matriz de Brevo es «items».
Lista de marcadores de posición estandarizados para los datos de los carritos abandonados
Aquí tiene una lista de los principales marcadores de posición más comunes que puede insertar en su plantilla de e-mail si sus eventos de seguimiento se crearon de forma automática con un plugin de Brevo:
Datos del artículo | Inserte este marcador de posición en su plantilla |
Nombre del artículo | {{ item.name }} |
SKU del artículo | {{ item.sku }} |
Categoría del artículo | {{ item.category }} |
ID del artículo | {{ item.id }} |
ID alternativa del artículo | {{ item.variant_id }} |
Nombre alternativo del artículo | {{ item.variant_name }} |
Precio del artículo | {{ item.price }} |
Número de artículos | {{ item.quantity }} |
URL del artículo | {{ item.url }} |
Imagen del artículo | {{ item.image }} |
Datos del carrito | Inserte este marcador de posición en su plantilla |
Afiliación | {{ params.affiliation }} |
Fecha | {{ params.date }} |
Subtotal | {{ params.subtotal }} |
Descuento | {{ params.discount }} |
Envío | {{ params.shipping }} |
Total sin impuestos | {{ params.total_before_tax }} |
Impuestos | {{ params.tax }} |
Total | {{ params.total }} Nota: para WooCommerce, mejor usa {{ params.revenue }}. |
Divisa | {{ params.currency }} |
URL para ver el carrito | {{ params.url }} |
Marcadores de posición para las imágenes de productos
En el editor Drag & Drop nuevo
Para insertar imágenes de producto en la plantilla de e-mail con el editor Drag & Drop (nuevo):
- Arrastre y suelte un bloque de diseño que contenga un espacio para una imagen a la plantilla de e-mail.
- Haga clic en el bloque de imagen para abrir los ajustes de la imagen.
- En el campo Insertar desde URL, inserte el marcador de posición de carrito abandonado apropiado para la imagen del producto.
En el editor Drag & Drop clásico
Para insertar imágenes de productos en la plantilla de e-mail con el editor Drag & Drop (Clásico):
- Arrastre y suelte un bloque de diseño que contenga un espacio para una imagen en su plantilla de e-mail.
- Haga clic en el espacio destinado a la imagen para abrir la configuración de la imagen.
- En Fuente de imagen, seleccione Desde URL e inserte el marcador de posición del carrito abandonado relativo a la imagen del producto.
Marcadores de posición para enlaces de productos o carritos
Puede insertar el marcador de posición de carrito abandonado para la URL de los productos o del carrito, como haría con cualquier otra URL de la plantilla de e-mail.
En el editor Drag & Drop nuevo
Para añadir un enlace a una imagen con el editor Drag & Drop (Nuevo):
- Arrastre y suelte un bloque de diseño que contenga un espacio para una imagen en su plantilla de e-mail.
- Haga click en el icono de enlace de debajo de la imagen.
- En el campo Destino del enlace, introduzca el marcador de posición de la URL del producto correspondiente para que se pueda hacer clic en la imagen.
- Haga clic en Actualizar.
Para añadir un enlace a un texto utilizando el editor Drag & Drop (Nuevo):
-
- Destaque el texto que quiere convertir en URL.
- Haga clic en el icono de enlace.
- En el campo Destino del enlace, introduzca el marcador de posición de la URL del producto correspondiente para que se pueda hacer clic en el texto.
- Haga clic en Insertar.
En el editor Drag & Drop clásico
Para añadir un enlace a una imagen utilizando el editor Drag & Drop (Clásico):
- Arrastre y suelte un bloque de diseño con espacio para una imagen en la plantilla de e-mail.
- Haga clic en el espacio destinado a la imagen para abrir la configuración de la imagen.
- En el campo Enlace, introduzca el marcador de posición de la URL del producto correspondiente para que se pueda hacer clic en el texto.
Para añadir un enlace al texto utilizando el editor Drag & Drop (Clásico):
- Marque el texto que quiera convertir en una URL.
- Haga clic en el icono del enlace.
- Seleccione el protocolo que quiere utilizar para la URL.
- En el campo URL introduzca el marcador de posición de la URL del producto correspondiente para que se pueda hacer clic en el texto.
- Haga clic en OK.
🧐 Cuarto paso: consulte e interprete los datos de carrito abandonado
Una vez que haya añadido los marcadores de posición en su plantilla de e-mail, tiene que activar la funcionalidad Repetir bloque en cada sección que contenga un marcador de posición para asegurarse de que su plantilla de e-mail puede mostrar varios productos e interpretar los datos enviados por su web a Brevo.
En el editor Drag & Drop nuevo
Para consultar e interpretar los datos de un carrito abandonado:
- Pase el ratón por encima del bloque que contiene marcadores de posición con datos de carrito abandonado
- Haga clic en el icono de Repetir bloque
- En la ventana popup de Repetir bloque, introduzca esta información:
- En el campo Repetir para, introduzca la versión en plural de su variable, por ejemplo, en la sección que contiene el marcador de posición {{ item.name }} escriba items. Si ha conectado su web a Brevo con uno de nuestros plugins, el nombre será items de manera predeterminada.
- En el campo de Alias de la variable, introduzca la primera palabra de su marcador de posición, por ejemplo, en la sección que contiene el marcador de posición {{ item.name }} introduzca item. Si ha contectado su web a Brevo con uno de nuestros plugins, el nombre de la variable será item de forma predeterminada.
- Si es necesario, establezca un límite para el número de elementos que se muestran en el e-mail en el campo Límite.
- Haga clic en Añadir bucle.
Si no está utilizando un plugin de Brevo o si está utilizando otros parámetros transaccionales, puede encontrar esta información en sus logs de eventos. Vea cómo puede encontrar estos datos en nuestro artículo Personalice sus e-mails utilizando parámetros transaccionales.
En el editor Drag & Drop clásico
Para consultar e interpretar los datos de un carrito abandonado:
- Seleccione un bloque que contenga marcadores de posición con datos de carrito abandonado
- Haga clic en la funcionalidad Repetir bloque en la columna de ajustes
- Debajo de la funcionalidad Repetir bloque, en los campos Nombres de variable y ¿Qué parámetro contiene los atributos en cuestión?, introduzca esta información:
- variable: la primera palabra de su marcador de posición, por ejemplo, en la sección que contienen {{ item.name }} la variable es item. Si ha conectado su web a Brevo con uno de nuestros plugins, el nombre será item de manera predeterminada.
-
parámetro: la versión en plural de su variable, por ejemplo, en la sección que contiene el marcador de posición {{ item.name }} el parámetro es items. Si ha conectado su web a Brevo con uno de nuestros plugins, el nombre será items de manera predeterminada.
- Si es necesario, establezca un límite para el número de elementos que se muestran en el e-mail en el campo Límite.
Si no está utilizando un plugin de Brevo o si está utilizando otros parámetros transaccionales, puede encontrar esta información en sus logs de eventos. Vea cómo pùede encontrar estos datos en nuestro artículo Personalice sus e-mails utilizando parámetros transaccionales.
Para obtener más información sobre la funcionalidad Repetir bloque, consulte Repetir un bloque de elementos en sus e-mails.
✅ Quinto paso: active la plantilla de e-mail
Una vez que haya terminado de crear de la plantilla de e-mail de carrito abandonado, haga clic en Guardar y activar.
Ahora podrá seleccionarla en su escenario de Carrito Abandonado.
⏩ ¿Qué es lo siguiente?
- Segunda parte: cómo configurar un escenario de Carrito Abandonado
- Tercera parte: cómo enviar e-mails de carritos abandonados en diferentes idiomas (opcional)
- Cuarta parte: cómo registrar una conversión (opcional)
- Preguntas frecuentes
🤔 ¿Tiene alguna duda?
Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.