Personalizar el contenido de su email con datos en tiempo real (feed de datos)

Personalice sus emails con datos en tiempo real para obtener contenido más relevante y atractivo. El feed de datos de Brevo extrae la información más reciente de sus fuentes externas o API y entrega contenido personalizado en el momento del envío. Utilícelo para actualizaciones de inventario, recordatorios o recomendaciones, por ejemplo, para entregar mensajes oportunos y personalizados.

¿Qué emails se pueden personalizar con feeds de datos? 

Los feeds de datos se pueden utilizar en: 

  • Emails promocionales y newsletters enviados a través de campañas.
  • Emails automatizados enviados a través de automatización. 
  • Emails transaccionales activados desde un sitio web a través de un plugin de eCommerce o API.

Antes de empezar

  • Asegúrese de haber aprendido todo sobre el feed de datos en nuestro artículo dedicado Acerca de los feeds de datos en Brevo.
  • Cree el feed de datos que utilizarás para personalizar el contenido de su email. Para obtener más información, consulte el artículo Crear un feed de datos.
  • Cree una plantilla de email o campaña en la que desee insertar las variables de su feed de datos y acceda al paso Design (Diseño). Los feeds de datos se pueden insertar en emails diseñados con el editor de email de arrastrar y soltar o con el editor HTML. 

Variables de feed de datos repetibles y no repetibles

datafeed_variable-replaced-repeat-not-repeat_en-us.gif

datafeed_structure-nextyogaclasses_en-us.png

Para insertar variables de feed de datos en su email, primero debe preguntarse si estos datos son: 

  1. Datos de un solo objeto (no repetibles)
    Estos datos son un objeto único en la raíz del feed de datos, de acceso directo. Se trata de los datos que representan la entidad más relevante, inmediata o continua. En nuestro ejemplo anterior, next_yoga_class es el objeto raíz que contiene solo un objeto, ya que solo hay una clase siguiente inmediata. Estos datos se pueden insertar directamente en su email.
    ➡️ Siga los pasos del Paso 2: Insertar variables de feed de datos en el contenido de su email.
  2. Datos de lista/matrices (repetibles)
    Los datos almacenados en una matriz representan varios eventos pasados o futuros de entidades similares, todos almacenados en un objeto separado. En nuestro ejemplo anterior, following_classes es una matriz que contiene varios elementos, todos almacenados como un objeto separado, ya que puede haber varias clases futuras programadas. Para insertar estos datos, debe utilizar un bloque de contenido dinámico para recorrer la lista y repetir cada elemento almacenado.
    ➡️ Siga los pasos del Paso 1: Insertar un bloque de contenido dinámico para repetir datos.

Paso 1: Insertar un bloque de contenido dinámico para repetir datos

Si desea insertar datos no repetibles, puede seguir directamente el Paso 2: Insertar variables de feed de datos en el contenido de su email. No obstante, si desea realizar un bucle con sus datos para crear una lista de elementos en el diseño de su email, primero debe insertar un bloque de contenido dinámico.

En nuestro ejemplo, queremos una sección al final de nuestro email para proponer otras próximas clases de yoga si nuestro destinatario no está disponible para la primera clase disponible:

  1. Desde el editor de email, arrastre y suelte el bloque de Dynamic content (Contenido dinámico) en su lienzo. La configuración del bloque se muestra en el panel izquierdo.
  2. En el menú desplegable Data source (Fuente de datos), haga clic en Data feed (Feed de datos).
    💡 Información relevante
    Puede seleccionar una fuente de datos diferente para cada bloque de Dynamic content (Contenido dinámico) dentro del diseño del email. 
  3. Elija el feed de datos que desea utilizar para personalizar su email (por ejemplo, yoga_classes).

  4. Elija la matriz específica donde se almacenan las variables de datos (por ejemplo, following_classes).
    dde_choose-data-feed_en-us.gif

  5. De forma predeterminada, limitamos el número de elementos que se deben repetir a 3, pero puede cambiarlo en cualquier momento. En nuestro ejemplo, queremos limitar el número de próximas clases de yoga mostradas a 4: 
    datafeed_limit-items_en-us.png
    1. Desde la configuración del bloque de Dynamic content (contenido dinámico) en el panel de la izquierda, abra la sección Layout (Diseño).
    2. La opción Limit number of items (Limitar el número de artículos) debe estar activada de forma predeterminada. 
    3. 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 4
    4. Opcional: de forma predeterminada, el índice se establece en 0. El índice determina la posición de los elementos en la matriz y comienza desde el índice 0 para el primer elemento, 1 para el segundo, y así sucesivamente. Para comenzar su lista desde el segundo elemento, introduzca 1. 

¡Enhorabuena! 🎉 Ahora todas las variables de feed de datos que insertará en su email se repetirán en bucle para crear una lista de elementos como una lista de productos, eventos y mucho más. Cuando se inserta un bloque de contenido dinámico, la sección y sus bloques de contenido funcionan como una base de datos y un icono de llaves:

datafeed_repatable-data-text_en-us.png

Paso 2: Insertar variables de feed de datos en el contenido de su email

Seleccione los datos que desea incluir en su email añadiendo variables de feed de datos a su email. Cuando se envía el email, estas variables se reemplazarán por la información pertinente para cada destinatario.

  1. Inserte los bloques de contenido que desee utilizar para mostrar los datos de su feed de datos. Por ejemplo, puede utilizar:
    • Un bloque de Image (Imagen) para mostrar una imagen de los elementos o relacionada con ellos.
    • Un bloque de Text (Texto) para mostrar detalles, como los nombres de las clases, las ubicaciones o las fechas en nuestro ejemplo.
    • Un Button (Botón) para redirigir a una URL, como el formulario de registro o el calendario de eventos en nuestro ejemplo. 
      datafeed_insert-content-blocks_en-us.gif
  2. Añada variables de evento dentro de sus bloques de contenido. Expanda los siguientes acordeones para obtener información sobre cómo añadir variables para cada tipo de contenido:

    🔠 Añadir una variable al texto

    Añada una variable dentro de un bloque de contenido que contenga texto para mostrar detalles específicos relacionados con un elemento, como un nombre, una ubicación o una fecha aquí.

    1. Haga clic en un bloque de contenido que contenga texto (bloques de Title (Título, Text (Texto) o Button (Botón)).
    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.
      datafeed_text_variable_en-us.png
    4. En el cuadro desplegable Which attribute would you like to insert? (¿Qué atributo desea insertar?),seleccione la variable que desea incluir en el email ("class_name", "studio_location", etc.).
      Para insertar una variable de feed de datos no repetible, debe seleccionar Data feeds (Feeds de datos) > feed name (nombre del feed) > object name (nombre del objeto) > variable y luego la variable, en nuestro ejemplo sería Data feeds (Feeds de datos) > yoga_classes > next_yoga_class > class_name.   
      datafeed_choose-attribute-text_en-us.png
    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 desea utilizar en caso de que falte el valor para una variable de feed de datos.
    6. Haga clic en Insert (Insertar). Se insertará la variable y aparecerá una etiqueta en el bloque de contenido.
    7. Repita los pasos para cada variable que desee añadir al texto.

    datafeed_repatable-data-text_en-us.png

    🖼️ Añadir una variable a una imagen

    Añada una variable a un bloque de imagen para mostrar la imagen asociada con un elemento, como una imagen de evento.

    1. Haga clic en un bloque de Image (Imagen).
    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 su imagen.
      datafeed_repatable-data-image_en-us.png
    5. Para insertar una variable de feed de datos no repetible, debe seleccionar Data feeds (Feeds de datos) > feed name (nombre del feed) > object name (nombre del objeto) > variable y luego la variable, en nuestro ejemplo sería Data feeds (Feeds de datos) > yoga_classes > next_yoga_class > image.
    🔗 Añadir una variable como hipervínculo en el texto

    Añada una variable como un hipervínculo en el texto para dirigir a los destinatarios a la URL asociada con un elemento, como un formulario de registro o una página de programación de eventos.

    1. Haga clic en un bloque de contenido que contenga texto (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.
      datafeed_highlight-text_en-us.png
    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.
      Para insertar una variable de feed de datos no repetible, debe seleccionar Data feeds (Feeds de datos) > feed name (nombre del feed) > object name (nombre del objeto) > variable y luego la variable, en nuestro ejemplo sería Data feeds (Feeds de datos) > yoga_classes > next_yoga_class > url.   
    6. Haga clic en Insert (Insertar).
    🔗 Añadir una variable como hipervínculo en una imagen

    Añada una variable como hipervínculo en una imagen para dirigir a los destinatarios a la URL asociada con un elemento, como una página de evento.

    1. Haga clic en un bloque de Image (Imagen).
    2. Desde la barra lateral, vaya al Link settings (Configuración del enlace).
      dde_add-variable-image_en-us.png
    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.
      Para insertar una variable de feed de datos no repetible, debe seleccionar Data feeds (Feeds de datos) > feed name (nombre del feed) > object name (nombre del objeto) > variable y luego la variable, en nuestro ejemplo sería Data feeds (Feeds de datos) > yoga_classes > next_yoga_class > url
    5. Haga clic en Insert (Insertar).
    🔗 Añadir una variable como hipervínculo en un botón

    Añada una variable como hipervínculo en un botón para dirigir a los destinatarios a la URL asociada con un artículo, como una página de producto.

    1. Haga clic en un bloque de Button (Botón) dentro de un bloque de Dynamic content (Contenido dinámico).
    2. Desde la barra lateral, vaya al Link settings (Configuración del enlace).
      dde_add-variable-button_en-us.png
    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.
      Para insertar una variable de feed de datos no repetible, debe seleccionar Data feeds (Feeds de datos) > feed name (nombre del feed) > object name (nombre del objeto) > variable y luego la variable, en nuestro ejemplo sería Data feeds (Feeds de datos) > yoga_classes > next_yoga_class > url.   
    5. Haga clic en Insert (Insertar).

(Opcional) Paso 3: Mostrar u ocultar contenido según condiciones específicas

Personalice aún más su email mostrando u ocultando dinámicamente elementos de contenido según condiciones específicas. Esto garantiza que solo se muestre contenido relevante a cada destinatario, en función de sus atributos, datos de evento o tipo de dispositivo.

Expanda los siguientes acordeones para ver ejemplos de cómo puede controlar la visibilidad del contenido en su email:

👤 Atributo de contacto

Muestre u oculte contenido según la información almacenada en los atributos de contacto del destinatario.

➡️  Por ejemplo
Si el atributo "LEVEL" (NIVEL) de un contacto se establece en "BEGINNER" (PRINCIPIANTE), muestra una sección de productos de yoga aptos para principiantes, mientras oculta esta sección para destinatarios con un nivel diferente.

➡️ Para obtener más información, consulte nuestro artículo dedicado Mostrar u ocultar contenido según atributos de contacto.

📱 Tipo de dispositivo

Muestre u oculte contenido según el tipo de dispositivo de los destinatarios (móvil u ordenador de escritorio).

➡️  Por ejemplo
Muestre un banner optimizado para dispositivos móviles para usuarios de smartphones y una imagen más amplia para usuarios de ordenadores de escritorio.

➡️ Para obtener más información, consulte nuestro artículo dedicado Mostrar u ocultar contenido según el tipo de dispositivo.

Paso 4: Previsualizar y probar su email personalizado con variables de feed de datos

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

Haga clic a continuación en la pestaña correspondiente al método con el que desea probar su email:

Previsualizar Enviar una prueba
  1. Cuando el diseño de su email esté listo, haga clic en Preview & test (Previsualizar y probar) en la barra superior de su editor de email.
  2. Permanezca en la pestaña Preview (Vista previa).
  3. En el campo Who would you like to preview this email as? (¿Como quién le gustaría ver este email?, comience a introducir una de las direcciones de email de su contacto y selecciónela. 
    dde_preview-datafeed-email_en-us.png
  4. La vista previa de este contacto se genera automáticamente a la izquierda de la pantalla. Si ha creado un feed de datos personalizado, introduzca otra dirección de email para verificar cómo se mostrará el email para cada contacto según los atributos del contacto. 

¡Felicidades! 🎉 Ahora puede usar su email en sus automatizaciones o enviar campañas de email que contengan datos dinámicos de sus feeds de datos.

Plantilla de email Email in bandeja de entrada de destinatarios
emailfeed2.png emailfeed1.png

⏩ ¿Qué es lo siguiente? 

🤔 ¿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 la agencia partner de Brevo adecuada.

💬 ¿Fue útil este artículo?

Usuarios a los que les pareció útil: 1 de 7