Carritos abandonados. Primera parte: cómo crear una plantilla de e-mail de carrito abandonado

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: 

Antes de empezar

⚙️ Primer paso: cree la plantilla de e-mail de carrito abandonado

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

Para crear la plantilla de e-mail de carrito abandonado:

  1. Vaya a Campañas > Plantillas.
  2. 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.
      mceclip0.png
  3. 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.
    mceclip1.png
  4. 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:

  1. Si creó una plantilla nueva, seleccione el editor que quiere utilizar (Nuevo editor Drag & Drop editor clásico Drag & Drop ).
  2. 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.
    2021-05-19_10-26-13.png

Para conocer las prácticas recomendadas y ver ejemplos de e-mails de carritos abandonados, puede consultar este artículo del blog de Sendinblue.

🖋️ 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 Sendinblue. 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
mceclip1.png mceclip2.png

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. 

RAC_step_2_image_4.png

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

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 }}
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):

  1. Arrastre y suelte un bloque de diseño que contenga un espacio para una imagen a la plantilla de e-mail.
  2. Haga clic en el bloque de imagen para abrir los ajustes de la imagen.
  3. En el campo Insertar desde URL, inserte el marcador de posición de carrito abandonado apropiado para la imagen del producto.
    2021-08-24_11-45-36.png

En el editor Drag & Drop clásico

Para insertar imágenes de productos en la plantilla de e-mail:

  1. Arrastre y suelte un bloque de diseño que contenga un espacio para una imagen en su plantilla de e-mail.
  2. Haga clic en el espacio destinado a la imagen para abrir la configuración de la imagen.
  3. En Fuente de imagen, seleccione Desde URL e inserte el marcador de posición del carrito abandonado relativo a la imagen del producto.
    RAC_step_2_image_6.png

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):

  1. Arrastre y suelte un bloque de diseño que contenga un espacio para una imagen en su plantilla de e-mail.
  2. Haga click en el icono de enlace de debajo de la imagen.
  3. En el campo Destino del link de los ajsutes de imagen, inserte el marcador de posición de carrito abandona apropiado para que se pueda hacer clic en la imagen.
  4. Haga clic en Actualizar.
    2021-08-24_11-25-45.png

Para añadir un enlace a un texto utilizando el editor Drag & Drop (Nuevo):

    1. Destaque el texto que quiere convertir en URL.
    2. Haga clic en el icono de enlace.
    3. En el campo URL de los ajustes de la imagen, inserte el marcador de posición de la URL del producto apropiado.
    4. Haga clic en Insertar.
      mceclip9.png

En el editor Drag & Drop clásico

Para añadir un enlace a una imagen:

  1. Arrastre y suelte un bloque de diseño con espacio para una imagen en la plantilla de e-mail.
  2. Haga clic en el espacio destinado a la imagen para abrir la configuración de la imagen.
  3. En el campo Enlace de la configuración de la imagen, inserte el marcador de posición de carrito abandonado correspondiente para que se pueda hacer clic sobre la imagen.
    2021-08-24_11-56-58.png

Para añadir un enlace al texto:

  1. Marque el texto que quiera convertir en una URL.
  2. Haga clic en el icono del enlace.
  3. Introduzca el marcador de posición de la URL del producto.
    2021-08-24_11-52-00.png

🧐 Cuarto paso: consulte e interprete los datos de carrito abandonado

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

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

En el editor Drag & Drop nuevo

Para consultar e interpretar los datos de un carrito abandonado:

  1. Pase el ratón por encima del bloque que contiene marcadores de posición con datos de carrito abandonado
  2. Haga clic en el icono de Repetir bloque
    mceclip1.png
  3. 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 Sendinblue 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 Sendinblue con uno de nuestros plugins, el nombre de la variable será item de forma predeterminada.
      mceclip4.png
  4. 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.
  5. Haga clic en Añadir bucle.

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

  1. Seleccione un bloque que contenga marcadores de posición con datos de carrito abandonado
  2. Haga clic en la funcionalidad Repetir bloque en la columna de ajustes
  3. 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 Sendinblue 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 Sendinblue con uno de nuestros plugins, el nombre será items de manera predeterminada.
      mceclip7.png
  4. 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 Sendinblue 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?