Confirmación de pedidos. Parte 1: crear una plantilla de e-mail de confirmación de pedidos

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.

❗️ Nota importante para los usuarios de WooCommerce
Si está usando el plugin de Sendinblue para WooCommerce y quiere enviar su e-mail de confirmación de pedidos directamente a través de WooCommerce (y no a través de un escenario), consulte nuestro artículo relacionado Plugin de WooCommerce: cómo crear un email de confirmación de pedidos y enviarlo a través de WooCommerce. Los marcadores de posición que se usan para personalizar la plantilla de e-mail no son los mismos que los indicados en este artículo.

Antes de empezar

⚙️ Paso 1: cree su plantilla de e-mail de confirmación de pedidos

💡 Información relevante
La configuración de su plantilla de e-mail (asunto, preencabezado, remitente, etc.) se aplicará cada vez que se envíe a través de su escenario de confirmación de pedidos.

Para crear su plantilla de e-mail de confirmación de pedidos:

  1. Vaya a Campañas > Plantillas.
  2. Haga clic en Nueva plantilla para crear una nueva plantilla de e-mail.
    2021-09-01_15-40-03__1_.png
  3. 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.
  4. 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:

  1. Seleccione el editor que quiera usar (Editor de Drag and Drop nuevo o Editor de Drag and Drop clásico).
  2. 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.
    mceclip0.png

🖋️ 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 Sendinblue. 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
mceclip5.png mceclip4__1_.png

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 Sendinblue, 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 Sendinblue 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 Sendinblue 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 Sendinblue

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:

mceclip0.png

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:

  1. Arrastre y suelte un bloque de diseño de imagen a su plantilla de e-mail.
    mceclip6.png
  2. Haga clic en el bloque de imagen para abrir la configuración de la imagen.
  3. En el campo de Insertar desde URL, inserte el marcador de posición de imagen del producto.
    mceclip8.png

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:

  1. Arrastre y suelte un bloque de diseño de imagen a su plantilla de e-mail.
    mceclip9.png
  2. Haga clic en el bloque de imagen para abrir la configuración de la imagen.
  3. En el campo Insertar desde URL, inserte el marcador de posición de imagen del producto.
    mceclip10.png

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:

  1. Arrastre y suelte un bloque de diseño de imagen a su plantilla de e-mail.
    mceclip6__1_.png
  2. Pase el ratón por encima del bloque de imagen.
  3. Haga clic en el icono del enlace.
  4. En el campo Destino del enlace, inserte el marcador de posición de URL.
    2021-09-01_16-24-43__1_.png

Añadir un enlace al texto

Para añadir un enlace al texto usando el editor Drag and Drop clásico:

    1. Resalte el texto que quiera convertir en una URL.
    2. Haga clic en el icono del enlace.
    3. En el campo Destino del enlace, inserte el marcador de posición de URL.
      2021-09-01_16-28-34__1_.png

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:

  1. Arrastre y suelte un bloque de diseño de imagen a su plantilla de e-mail.
    mceclip9.png
  2. Haga clic en el espacio de imagen para abrir la configuración de imagen.
  3. En el campo Enlace de la configuración de imagen, inserte el marcador de posición de URL.
    mceclip11.png

Añadir un enlace al texto

Para añadir un enlace al texto usando el editor Drag and Drop clásico:

  1. Resalte el texto que quiera convertir en una URL.
  2. Haga clic en el icono del enlace.
  3. En el campo de URL de la configuración de imagen, inserte el marcador de posición de URL.

    2021-09-01_16-40-20__1_.png

🧐 Paso 4: visualizar e interpretar los datos de los pedidos

💡 Información relevante
Nuestra opción de Lista dinámica se llama ahora Repetir bloque y está disponible en los dos editores Drag and Drop.

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 Sendinblue.

En el nuevo editor Drag and Drop

Para mostrar e interpretar los datos de sus artículos usando el nuevo editor Drag and Drop:

  1. Pase el ratón por encima del bloque que contenga los marcadores de posición de los datos de los artículos.
  2. Haga clic en el icono de Repetir bloque.
    mceclip1__1_.png
  3. 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 Sendinblue 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 Sendinblue usando uno de nuestros plugins, el nombre de la variable es item de forma predeterminada.
      mceclip4__2_.png
  4. Si es necesario, establezca un límite para el número de elementos mostrados en su e-mail en el campo Límite.
  5. Haga clic en Añadir bucle.

Si no está usando un plugin de Sendinblue 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:

  1. Seleccione un bloque que contenga los marcadores de posición de los datos de los artículos.
  2. Haga clic en la funcionalidad Repetir bloque en la columna de configuración
  3. 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 Sendinblue 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 Sendinblue usando uno de nuestros plugins, el nombre de la variable es items de forma predeterminada.
  4. Si es necesario, establezca un límite para el número de elementos mostrados en su e-mail en el campo Límite.
    RAC_step_2_image_5.png

Si no está usando un plugin de Sendinblue 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

💡 Información relevante
Asegúrese de haber añadido como contacto en su cuenta de Sendinblue la dirección de e-mail que está usando para probar su e-mail. Sus atributos de contacto se usarán para rellenar los datos de cada marcador de posición. Por lo general, es recomendable usar una lista de prueba.

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:

2021-09-02_17-04-06.png

✅ 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?