En este artículo le explicaremos cómo crear y personalizar un e-mail de confirmación de pedidos que se enviará a través de un escenario.
Antes de empezar
- Asegúrese de haber instalado Brevo Tracker en su sitio web, añadido la funcionalidad de Identificar al script y creado los eventos de seguimiento.
- Para crear una plantilla de e-mail de confirmación de pedidos, tiene que habilitar nuestro nuevo lenguaje de plantillas en su cuenta. Si creó su cuenta de Brevo después del 1 de octubre de 2018, estará usando automáticamente nuestra funcionalidad más actualizada.
- Tenga en cuenta que si sus clientes bloquean las cookies de terceros o utilizan bloqueadores de anuncios/script, la herramienta de seguimiento de Brevo no podrá identificarlos. Esto significa que no recibirán sus emails de confirmación de pedido cuando realicen una compra en su sitio web.
⚙️ Paso 1: cree su plantilla de e-mail de confirmación de pedidos
Para crear su plantilla de e-mail de confirmación de pedidos:
- Vaya a Campañas > Plantillas.
- Haga clic en Nueva plantilla para crear una nueva plantilla de e-mail.
- Configure los ajustes igual que haría con una plantilla de e-mail normal.
Importante: puede personalizar el asunto del e-mail y el preencabezado usando los atributos de contacto. - Haga clic en Siguiente paso.
🎨 Paso 2: diseñe su plantilla de e-mail de confirmación de pedidos
Un e-mail de confirmación de pedidos debe 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 sobre la propiedad intelectual y un enlace a su política de privacidad.
Para diseñar su plantilla de e-mail:
- Seleccione el editor que quiera usar (Editor de Drag and Drop nuevo o Editor de Drag and Drop clásico).
- Diseñe su plantilla arrastrando y soltando los bloques de contenido en el diseño de su plantilla para añadir y dar formato a textos, imágenes, botones y otros elementos gráficos.
🖋️ Paso 3: personalice su plantilla de e-mail de confirmación de pedidos
Un buen diseño de e-mail es importante, pero los e-mails de confirmación de pedidos también deben personalizarse para el cliente que los reciba. Puede personalizar su e-mail de confirmación de pedidos dirigiéndose a sus clientes por su nombre e incluyendo los detalles de su pedido, como los productos que compraron, el total del pedido y su dirección de envío y facturación.
Para rellenar con estos datos los e-mails que se envíen, tiene que insertar marcadores de posición para los atributos de contacto y los datos del pedido en su plantilla.
Insertar marcadores de posición para los atributos de contacto
Puede personalizar su plantilla de e-mail de confirmación de pedidos usando los atributos de contacto almacenados en su lista de contactos de Brevo. Cada atributo describe un tipo de información de sus contactos que tendrá guardada, como su nombre, dirección de e-mail, número de teléfono, género, etc. La personalización de la plantilla de e-mail mediante la inserción de marcadores de posición para los atributos de contacto le permitirá sustituir los datos por el nombre de su comprador, su color favorito o cualquier otra información útil.
En los siguientes ejemplos, hemos incluido una personalización del nombre del contacto usando el marcador de posición {{ contact.FIRSTNAME }}.
| Nuevo editor de «Drag and Drop» | Editor de «Drag and Drop» clásico |
 |
 |
Para obtener más información sobre la personalización de los e-mails mediante los atributos de contactos, lea Cómo personalizar su e-mail con atributos de contacto.
Insertar marcadores de posición para los datos del pedido
Para insertar datos sobre el pedido del comprador (precio, dirección de envío, productos comprados, etc.), tiene que insertar los marcadores de posición correspondientes en su plantilla de e-mail.
El método que haya usado para crear sus eventos de seguimiento predetermina los marcadores de posición para los datos del pedido:
- Si sus eventos de seguimiento se crearon automáticamente usando un plugin de Brevo, los marcadores de posición son de tipo estándar. Para saber si su plugin crea automáticamente eventos de seguimiento, consulte nuestro artículo relacionado ¿Qué plugins de Brevo crean automáticamente eventos de seguimiento?».
- Si usted o un desarrollador crearon sus eventos de seguimiento manualmente, tendrá que crear su propia lista de marcadores de posición para usarlos en sus plantillas de e-mail. Estos marcadores de posición dependerán de la estructura de su evento de seguimiento y el nombre de su matriz. Por defecto, el nombre de la matriz de Brevo es «items».
Lista de marcadores de posición estandarizados para los datos de pedidos
Esta es la lista de los principales marcadores de posición estandarizados que puede insertar en su plantilla de e-mail si sus eventos de seguimiento se crearon automáticamente usando un plugin de Brevo
Datos de los artículos
Los marcadores de posición de datos de los artículos se usan para personalizar los e-mails con los datos de los productos comprados por un cliente. Por ejemplo, si quiere añadir el nombre y el precio de los productos que se han comprado, tiene que añadir los marcadores de posición {{ item.name }} y {{ item.price }} en su plantilla de e-mail. Estos marcadores de posición se sustituirán por los datos de cada producto en el momento del envío del e-mail.
| Descripción | Marcadores de posición para los datos de los artículos |
| Nombre | {{ item.name }} |
| SKU | {{ item.sku }} |
| Categoría | {{ item.category }} |
| ID | {{ item.id }} |
| Nombre de la variante del producto (los valores se separan con comas si hay varios) | {{ item.variant_name }} |
| ID de la variante del producto | {{ item.variant_id }} |
| Precio | {{ item.price }} |
| Cantidad | {{ item.quantity }} |
| Enlace de la tienda del artículo comprado | {{ item.url }} |
| Imagen | {{ item.image }} |
Datos del pedido
Los marcadores de posición de datos de los pedidos se usan para personalizar los e-mails con los datos del pedido hizo un cliente. Por ejemplo, si quiere añadir el subtotal, el descuento y el precio total del pedido, tiene que añadir los marcadores de posición {{ params.subtotal }}, {{ params.discount }} y {{ params.revenue }} en su plantilla de e-mail. Estos marcadores de posición se sustituirán por los datos del pedido en el momento del envío del e-mail.
| Descripción | Marcadores de posición para los datos de los pedidos |
| ID del pedido | {{ params.id }} |
| Fecha | {{ params.date }} |
| Subtotal | {{ params.subtotal }} |
| Descuento | {{ params.discount }} |
| Gastos de envío | {{ params.shipping }} |
| Total sin impuestos | {{ params.total_before_tax }} |
| Impuestos | {{ params.tax }} |
| ID del pedido | {{ params.revenue }} |
| Divisa | {{ params.currency }} |
| URL del resumen del pedido | {{ params.url }} |
Datos de envío y facturación
Los marcadores de posición de los datos de envío y facturación se usan para personalizar los e-mails con los datos de envío y facturación del cliente que realizó un pedido. Por ejemplo, si quiere añadir el nombre, los apellidos y la dirección de envío del cliente, tiene que añadir los marcadores de posición {{ params.shipping_address.firstname }}, {{ params.shipping_address.lastname }} y {{ params.shipping_address.address1 }} en su plantilla de e-mail. Estos marcadores de posición se sustituirán por los datos de envío y facturación del cliente en el momento del envío del e-mail.
| Descripción | Marcadores de posición para los datos de facturación | Marcadores de posición para los datos de envío |
| Nombre | {{ params.billing_address.firstname }} | {{ params.shipping_address.firstname }} |
| Apellidos | {{ params.billing_address.lastname }} | {{ params.shipping_address.lastname }} |
| Empresa | {{ params.billing_address.company }} | {{ params.shipping_address.company }} |
| Número de teléfono | {{ params.billing_address.phone }} | {{ params.shipping_address.phone }} |
| Dirección 1 | {{ params.billing_address.address1 }} | {{ params.shipping_address.address1 }} |
| Dirección 2 | {{ params.billing_address.address2 }} | {{ params.shipping_address.address2 }} |
| Ciudad | {{ params.billing_address.city }} | {{ params.shipping_address.city }} |
| País | {{ params.billing_address.country }} | {{ params.shipping_address.country }} |
| Estado | {{ params.billing_address.state }} | {{ params.shipping_address.state }} |
| Código postal | {{ params.billing_address.zipcode }} | {{ params.shipping_address.zipcode }} |
Es recomendable dar formato a los números usando el filtro para valores flotantes.
Este es un ejemplo de cómo puede usar los marcadores de posición de los datos del pedido en su plantilla de e-mail de confirmación de pedidos:
Insertar marcadores de posición para las imágenes del producto
En el nuevo editor Drag and Drop
Para insertar las imágenes de productos en su plantilla de e-mail usando el nuevo editor Drag and Drop:
- Arrastre y suelte un bloque de diseño de imagen a su plantilla de e-mail.
- Haga clic en el bloque de imagen para abrir la configuración de la imagen.
- En el campo de Insertar desde URL, inserte el marcador de posición de imagen del producto.
En el editor Drag and Drop clásico
Para insertar las imágenes de productos en su plantilla de e-mail usando el editor Drag and Drop clásico:
- Arrastre y suelte un bloque de diseño de imagen a su plantilla de e-mail.
- Haga clic en el bloque de imagen para abrir la configuración de la imagen.
- En el campo Insertar desde URL, inserte el marcador de posición de imagen del producto.
Insertar marcadores de posición para los enlaces de productos o de carritos
En el nuevo editor Drag and Drop
Añadir un enlace a una imagen
Para añadir un enlace a una imagen usando el nuevo editor Drag and Drop:
- Arrastre y suelte un bloque de diseño de imagen a su plantilla de e-mail.
- Pase el ratón por encima del bloque de imagen.
- Haga clic en el icono del enlace.
- En el campo Destino del enlace, inserte el marcador de posición de URL.
Añadir un enlace al texto
Para añadir un enlace al texto usando el editor Drag and Drop clásico:
-
- Resalte el texto que quiera convertir en una URL.
- Haga clic en el icono del enlace.
- En el campo Destino del enlace, inserte el marcador de posición de URL.
En el editor Drag and Drop clásico
Añadir un enlace a una imagen
Para añadir un enlace a una imagen usando el editor Drag and Drop clásico:
- Arrastre y suelte un bloque de diseño de imagen a su plantilla de e-mail.
- Haga clic en el espacio de imagen para abrir la configuración de imagen.
- En el campo Enlace de la configuración de imagen, inserte el marcador de posición de URL.
Añadir un enlace al texto
Para añadir un enlace al texto usando el editor Drag and Drop clásico:
- Resalte el texto que quiera convertir en una URL.
- Haga clic en el icono del enlace.
- En el campo de URL de la configuración de imagen, inserte el marcador de posición de URL.
🧐 Paso 4: visualizar e interpretar los datos de los pedidos
Una vez que haya añadido sus marcadores de posición a su plantilla de e-mail, debe activar la funcionalidad de Repetir bloque para cada sección que contenga un marcador de posición para los datos de los artículos con la finalidad de garantizar que su plantilla de e-mail pueda mostrar varios productos e interpretar los datos enviados por su sitio web a Brevo.
En el nuevo editor Drag and Drop
Para mostrar e interpretar los datos de sus artículos usando el nuevo editor Drag and Drop:
- Pase el ratón por encima del bloque que contenga los marcadores de posición de los datos de los artículos.
- Haga clic en el icono de Repetir bloque.
- En la ventana emergente de Repetir bloque, introduzca la siguiente información:
- En el campo Repetir para, introduzca la versión en plural de su variable, por ejemplo, para la sección que contiene el marcador de posición {{ item.name }} el parámetro es items. Si ha conectado su sitio web a Brevo usando uno de nuestros plugins, el nombre de la variable es items de forma predeterminada.
- En el campo de Alias de la variable, introduzca la primera palabra de su marcador de posición, por ejemplo, para la sección que contiene {{ item.name }} la variable es item. Si ha conectado su sitio web a Brevo usando uno de nuestros plugins, el nombre de la variable es item de forma predeterminada.
- Si es necesario, establezca un límite para el número de elementos mostrados en su e-mail en el campo Límite.
- Haga clic en Añadir bucle.
Si no está usando un plugin de Brevo o si está usando otros parámetros transaccionales, puede encontrar esta información en sus logs de eventos. Descubra cómo encontrar estos datos en nuestro artículo Personalice sus e-mails usando los parámetros transaccionales.
En el editor Drag and Drop clásico
Para mostrar e interpretar los datos de sus artículos usando el editor Drag and Drop clásico:
- Seleccione un bloque que contenga los marcadores de posición de los datos de los artículos.
- Haga clic en la funcionalidad Repetir bloque en la columna de configuración
- En la funcionalidad Repetir bloque, en los campos Nombres de las variables y ¿Qué parámetro contiene los atributos en cuestión?, introduzca la siguiente información:
- variable: la primera palabra de su marcador de posición, por ejemplo, para la sección que contenga {{ item.name }} la variable es item. Si ha conectado su sitio web a Brevo usando uno de nuestros plugins, el nombre de la variable es item de forma predeterminada.
- parámetro: la versión plural de su variable, por ejemplo, para la sección que contenga el marcador de posición {{ item.name }} el parámetro es items. Si ha conectado su sitio web a Brevo usando uno de nuestros plugins, el nombre de la variable es items de forma predeterminada.
- Si es necesario, establezca un límite para el número de elementos mostrados en su e-mail en el campo Límite.
Si no está usando un plugin de Brevo o si está usando otros parámetros transaccionales, puede encontrar esta información en sus logs de eventos. Descubra cómo encontrar estos datos en nuestro artículo Personalice sus e-mails usando los parámetros transaccionales.
Para mejorar sus conocimientos más sobre la funcionalidad de Repetir bloque, lea Repita un bloque de artículos en sus e-mails.
🧪 Paso 5: pruebe su e-mail
Enviar un e-mail de prueba es una práctica recomendada para asegurarse de que todos los marcadores de posición de su plantilla de e-mail se rellenen correctamente. Pero tenga en cuenta que en esta prueba solo se reemplazarán los atributos de contacto.
La única manera de comprobar si los marcadores de posición de los datos de los pedidos funcionan correctamente es probarlo en una situación real: guarde y active la plantilla de e-mail, úsela en su escenario de confirmación de pedidos y compre algunos productos. A continuación, debería recibir el e-mail de confirmación del pedido con los marcadores de posición sustituidos por los datos del pedido.
Este es un ejemplo de cómo deberían sustituirse los marcadores de posición de los datos del pedido una vez que se envíe el e-mail de confirmación de este:
✅ Paso 6: activar la plantilla de e-mail
Una vez que haya terminado de crear su plantilla de e-mail de confirmación de pedidos, haga clic en Guardar y activar. Ahora podrá seleccionarla en su escenario de confirmación de pedidos.
🔨 Paso 7: cree su escenario de confirmación de pedidos
Ahora que ha creado su plantilla de e-mail de confirmación de pedidos, el siguiente paso es crear su escenario de confirmación de pedidos para enviar automáticamente un e-mail cuando un contacto haga una compra en su sitio web.
Para saber cómo crear un escenario de confirmación de pedidos, consulte Confirmación de pedidos. Parte 2: configurar un escenario de confirmación de pedidos.
⏩ ¿Qué es lo siguiente?
- Confirmación de pedidos. Parte 2: configurar un escenario de confirmación de pedidos.
- Cómo instalar el plugin de Wordpress
🤔 ¿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í.