Con el bloque de Dynamic content (Contenido dinámico), puede mostrar una lista personalizada de artículos en los emails enviados a través de una automatización (emails automatizados). Si un cliente, por ejemplo, deja artículos en su carrito, puede enviarle automáticamente un email con una lista de estos productos con información como nombres, imágenes y precios, para animarlo a completar su compra.

Plantilla de email en Brevo	Email automatizado recibido en la bandeja de entrada

¿En qué casos puedo mostrar una lista personalizada de artículos en los emails automatizados?

Expanda los cuadros desplegables a continuación para ver ejemplos de casos en los que puede mostrar en los emails automatizados una lista personalizada de artículos:

Antes de empezar

• Instale el Brevo tracker y asegúrese de haber configurado los eventos necesarios para crear en los emails una lista personalizada de artículos. Para obtener más información, consulte nuestro artículo dedicado ¿Qué es Brevo tracker y cómo se instala?.
• Asegúrese de tener en su cuenta de Brevo al menos un evento de ecommerce activo (como cart_updated, cart_deleted o order_created) o un evento personalizado. Vaya a la página Event logs (Logs de eventos) y filtre los eventos de seguimiento para comprobar si hay eventos aplicables disponibles.
  
  Si no hay eventos visibles, confirme que el Brevo tracker esté instalado correctamente en su sitio web y que haya configurado los eventos necesarios para crear en los emails una lista personalizada de artículos.

Mostrar una lista personalizada de artículos en los emails automatizados

Para mostrar en los emails automatizados una lista personalizada de artículos, utilice en la plantilla de email un bloque de Dynamic content (Contenido dinámico) y variables de datos de automatización. Este bloque recupera los datos necesarios para generar la lista personalizada, sustituye las variables por la información relevante de cada artículo y repite automáticamente el patrón con todos los artículos de la lista.

Usaremos el ejemplo de un email abandonado de carrito, pero puede adaptar fácilmente este método a otros casos de uso.

Paso 1: crear una plantilla de email

En primer lugar, crearemos la plantilla de email que se utilizará en la automatización.

1. Vaya a Automation (Automatización) > Templates (Plantillas).
2. Haga clic en Create template (Crear plantilla).
3. Seleccione Email template (Plantilla de email).
   
4. En la pestaña Setup (Configuración), configure los ajustes de la plantilla, incluido el nombre, la línea del asunto y el texto de vista previa.
5. Haga clic en Next step (Siguiente paso).
6. En la pestaña Design (Diseño), elija una plantilla de email o un diseño para usarlo como base.

Paso 2: configurar la fuente de datos

Cree la plantilla de email que se enviará a través de la automatización y elija la fuente de datos para la personalización. Esta fuente de datos guiará a Brevo sobre dónde obtener la información necesaria para crear la lista personalizada de artículos.

1. Desde el editor de email, arrastre y suelte el bloque de Dynamic Content (Contenido dinámico) en el lienzo. En el panel izquierdo, se abre la configuración del bloque.
   
   
2. En el menú desplegable Data source (Fuente de datos), seleccione Automation data (Datos de automatización).
   
3. Seleccione el evento que se utilizará para personalizar los emails y la matriz que contiene los valores de cada artículo (generalmente "items" (artículos)). En este ejemplo, dado que queremos recuperar la lista de artículos dejados en el carrito por el contacto, seleccionaremos Ecommerce events (Eventos de ecommerce) > cart_updated > items (artículos).

4. Seleccione el evento que se utilizará para personalizar los emails y la matriz que contiene los valores de cada artículo (generalmente etiquetados como "items" [artículos]). En este ejemplo, dado que queremos recuperar la lista de artículos abandonados, elegiremos Ecommerce events (Eventos de ecommerce) > cart_updated > items (artículos).

   
   
   💡 Información relevante

   Para un email de confirmación de pedido, tendríamos que elegir Ecommerce events (Eventos de ecommerce) > order_created > items (artículos).
5. El bloque de contenido dinámico está diseñado para repetirse por cada artículo que se deba mostrar. De forma predeterminada, limitamos el número de artículos que se pueden repetir a 3, pero puede cambiarlo en cualquier momento. En este ejemplo, queremos mostrar hasta 5 artículos, por lo que debemos limitar el número de veces que se repetirá en bucle el bloque de Dynamic content (Contenido dinámico):
   

   Desde la configuración del bloque de Dynamic content (Contenido dinámico) del panel de la izquierda, abra la sección Layout (Diseño). La opción Limit number of items (Limitar el número de artículos) debe estar activada de forma predeterminada.  En los campos Number of items (Número de artículos), haga clic en +/- o introduzca el número máximo de veces que se debe repetir en bucle el bloque de contenido dinámico. En nuestro ejemplo, introduciremos 5.

Ha seleccionado correctamente la fuente de datos. Esto significa que Brevo sabrá dónde recuperar la información necesaria para crear la lista personalizada de artículos. Ahora aprenderemos a añadir contenido al bloque de Dynamic content (Contenido dinámico) e insertar variables que se sustituirán por la información relevante de cada artículo cuando se envíe el email.

Paso 3: elegir las variables de datos que incluir en la plantilla de email

El siguiente paso es insertar las variables que se sustituirán por la información relevante de cada artículo cuando se envíe el email.

1. En el bloque de Dynamic content (Contenido dinámico), inserte los bloques de contenido que desea utilizar para mostrar la lista de artículos. Normalmente, se inserta un bloque de Image (Imagen) para mostrar una imagen de los artículos y un bloque de Text (Texto) para mostrar sus detalles, como el nombre y el precio.
   
2. Añada variables a sus bloques de contenido. Estas variables se sustituirán por la información relevante de cada artículo cuando se envíe el email. Expanda los cuadros desplegables que se incluyen a continuación para aprender a insertar variables para cada tipo de contenido:
   🔠 Añadir una variable al texto (nombre, precio, cantidad, etc.)

   1. Haga clic en un bloque de contenido que contenga texto dentro de un bloque de Dynamic content (Contenido dinámico) (bloques de Title (Título) o Text (Texto)).
   2. Coloque el cursor en la posición en la que desee añadir una variable.
   3. Haga clic en el icono de Añadir variable { } en la barra de formato.
      
   4. En el cuadro desplegable Which attribute would you like to insert? (¿Qué atributo desea insertar? ),seleccione la variable que desea incluir en la plantilla de email ("name" (nombre), "price" (precio), etc.).
      
   5. (Opcional) En el campo Which value should be used if the attribute is empty? (¿Qué valor debe utilizarse si el atributo está vacío?), introduzca el texto alternativo que se utilizará en caso de que falte el valor de un producto.
   6. (Opcional) Si ha seleccionado un atributo de tipo numérico, introduzca el número deseado de decimales en el campo Number of decimals to display (Número de decimales que mostrar).
   7. Haga clic en (Insert (Insertar). Se insertará la variable y aparecerá una etiqueta en el bloque de texto.
      

   🖼️ Añadir una variable a una imagen

   1. Haga clic en un bloque de Image (Imagen) dentro de un bloque de Dynamic content (Contenido dinámico).
   2. En la barra lateral, vaya a Image settings (Configuración de imagen).
   3. En el campo Insert image from URL (Insertar imagen desde URL), haga clic en el icono de Añadir variable { }.
   4. Seleccione la variable que desea utilizar para mostrar la imagen (normalmente "image" [imagen]).
      
      
      

   🔗Añadir una variable como un enlace

   Enlace a texto

   1. Haga clic en un bloque de contenido que contenga texto dentro de un bloque de Dynamic content (Contenido dinámico) (bloques de Title (Título) o Text (Texto)).
   2. Resalte el texto en el que desea añadir el enlace.
   3. Haga clic en el icono de Enlace 🔗 en la barra de formato.
      
   4. En el campo Link target (Destino de enlace), haga clic en el icono de Añadir variable { }.
   5. Seleccione la variable que desea utilizar para generar su enlace (generalmente "url").
      
   6. Haga clic en (Insert (Insertar).

   Enlace a imagen

   1. Haga clic en un bloque de Image (Imagen) dentro de un bloque de Dynamic content (Contenido dinámico).
   2. Haga clic en el icono de Enlace 🔗.
      
   3. En el campo Link target (Destino de enlace), haga clic en el icono de Añadir variable { }.
   4. Seleccione la variable que desea utilizar para generar su enlace (generalmente "url").
      
   5. Haga clic en (Insert (Insertar).

   Enlace a botón

   1. Haga clic en un bloque de Button (Botón) dentro de un bloque de Dynamic content (Contenido dinámico).
   2. Haga clic en el icono de Enlace 🔗 sobre el botón.
      
   3. En el campo Link target (Destino de enlace), haga clic en el icono de Añadir variable { }.
   4. Seleccione la variable que desea utilizar para generar su enlace (generalmente "url").
      
   5. Haga clic en (Insert (Insertar).

Paso 4: probar y guardar la plantilla de email

Para asegurarse de que el contenido de su plantilla de email se mostrará correctamente en la bandeja de entrada de los destinatarios, le recomendamos encarecidamente que vea y pruebe previamente el email antes de enviarlo.

1. Haga clic en Preview & test (Previsualizar y probar).
2. Seleccione la opción que desea utilizar para ver el email:
   
   Vista previa como destinatario [Avanzado] Vista previa de evento

   1. Seleccione Preview as recipient (Previsualizar como destinatario).
   2. Seleccione un contacto.
   3. Active la opción Add transactional JSON data (Añadir datos JSON transaccionales).
   4. Introduzca los datos JSON para probar la plantilla de email. Estos datos sustituirán las variables, lo que le permitirá obtener una vista previa de la plantilla con la información proporcionada.
   5. Una vez que haya terminado de probar la plantilla de email, cierre la ventana.

   1. Seleccione Preview event (Previsualizar evento).
   2. Seleccione el evento que va a activar la automatización. En este ejemplo, seleccionaremos Ecommerce events (Eventos de ecommerce) > cart_updated.
   3. Seleccione un evento pasado que desee utilizar para probar la plantilla de email. Los datos de este evento sustituirán a las variables, lo que le permitirá obtener una vista previa de la plantilla con la información proporcionada.
      
   4. Una vez que haya terminado de probar la plantilla de email, cierre la ventana.
3. Haga clic en Save & quit to save your email template (Guardar y salir para guardar la plantilla de email).
4. Haga clic en Save and activate (Guardar y activar) para activar su plantilla de email.

Paso 5: utilizar la plantilla de email en una automatización

Ahora podrá usar la plantilla de email en el paso Send an email (Enviar un email) de una automatización.

1. Vaya a Automations (Automatizaciones) y cree una automatización. 
   
2. Añada un disparador a la automatización. En este ejemplo, dado que queremos recuperar los artículos abandonados, usaremos el evento "Cart updated" (Carrito actualizado) para activar nuestra automatización.
3. Añada la acción Send an email (enviar un email) a la automatización.
4. Seleccione la plantilla de email creada anteriormente.
5. Seleccione el evento que se utilizará para personalizar el email. Hay dos opciones entre las que puede elegir:
   • El evento que activó la automatización
     Los artículos mostrados en el email se recuperarán del evento que inició la automatización. Por ejemplo, para un email de confirmación de pedido, se recuperarían los artículos del evento "Order created" (Pedido creado) que activó la automatización.
     ❗️ Importante

     El evento que activó la automatización debe ser un evento de ecommerce (cart_updated, order_created o cart_deleted) o un evento personalizado.
   • La última instancia de un evento
     Los artículos que se muestran en el email se recuperarán de la instancia más reciente de un evento específico. Para este ejemplo de carrito abandonado , recuperaríamos los artículos de la última instancia del evento "Cart updated" (Carrito actualizado) para asegurarnos de que mostramos los artículos abandonados actualmente en el carrito.
6. Termine la configuración del paso Send an email (Enviar un email) y el resto de la automatización.
7. Una vez que haya terminado, active su automatización.

¡Felicidades! 🎉 Sus destinatarios ahora recibirán una lista personalizada de artículos en los emails automatizados según el evento seleccionado.

⏭️ ¿Qué es lo siguiente?

• Personalizar los emails con el lenguaje de plantillas de Brevo
• Explicación sobre el bloque de contenido dinámico (feed de datos y datos de automatización)
• Utilizar un feed de datos externo para enviar campañas de email actualizadas o personalizadas

🤔 ¿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í.

Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con un socio certificado de Brevo.