Utilice contenido dinámico en las automatizaciones para personalizar los correos electrónicos con datos activados por eventos, como nombres de productos, totales de pedidos o propiedades de eventos personalizados.

Esta guía le ayudará a configurar diseños dinámicos y a elegir las propiedades de evento adecuadas.

El contenido dinámico se basa en dos componentes principales:

Cuando un contacto activa una automatización, el diseño seleccionado se rellena con los datos del evento. Por ejemplo, si realizaron un pedido, el diseño podría mostrar automáticamente los nombres y las imágenes de los productos que compraron.

Los diseños de contenido dinámico aparecen solo para los desencadenadores de flujo basados en eventos. Si su trigger se basa en entidades, no verá las opciones de contenido dinámico en el Editor de correos electrónicos.

El uso de contenido dinámico en sus automatizaciones puede impactar significativamente la eficacia de su estrategia de marketing por correo electrónico.

La principal ventaja del contenido dinámico es que le permite crear elementos y diseños de correo electrónico personalizados adaptados a sus necesidades y objetivos específicos, en lugar de depender de elementos y diseños predeterminados.

A continuación, se muestran otras formas en las que puede usarlo:

Ve a Automatizaciones → Crear Flujo y selecciona un flujo preconfigurado (por ejemplo, "Confirmación de pedido") o uno personalizado. Luego, elige un trigger basado en eventos.

Una vez que haya añadido un diseño Dinámico vacío, seleccione una fuente de datos (basado en su trigger de flujo). Luego, añada bloques de contenido como texto, imágenes o botones al diseño. Los datos de estos elementos se extraerán automáticamente de la fuente de datos seleccionada.

Tenemos una selección de categorías que almacenan las fuentes de datos reales. Puede pensar en estas categorías como carpetas en su computadora. De manera similar, las fuentes de datos son archivos dentro de esas carpetas. Si solo desea ver la información de un archivo específico, debe abrirlo (en nuestro caso, debe seleccionarlo como fuente de datos).

La carpeta "Raw" contiene datos sin procesar de su backend de Tienda. Las propiedades del evento se organizan exactamente como su plataforma (por ejemplo, Shopify, WooCommerce) las envía. Puede ver subcarpetas como "Fulfillments" o "Refunds" elija la carpeta raíz (por ejemplo, "Line Items") para extraer todos los elementos, independientemente del estado de cumplimiento.

Ahora, en cuanto a la lógica de nombres de sección, utilizamos la nomenclatura proporcionada por su backend de Tienda. El diseño dinámico extrae los datos directamente de su backend de Tienda, y no los procesamos de ninguna manera.

Aquí tiene un ejemplo de categorías de una Tienda Shopify extraídas de un evento de Pedido Realizado:

Supongamos que desea cambiar el diseño del elemento de Producto pedido predeterminado que Omnisend proporciona. En nuestro ejemplo, colocaremos las imágenes de productos en el lado derecho del diseño y el nombre y precio del producto en el izquierdo.

Seleccione la fuente de datos: Seleccione la 'La fuente de datos de Artículos de línea, que se encuentra bajo la carpeta raíz 'Raíz de la carpeta, como fuente de datos para todo el diseño.

Seleccionamos la fuente de datos 'Line Items' directamente de la categoría 'Raw' porque queremos extraer los datos de todos los productos pedidos, no solo los que están cumplidos o reembolsados (las subcategorías Fulfillments/Refunds se elegirían para ese propósito).

Agregar elementos al diseño: Ahora que hemos seleccionado la fuente de datos para nuestro diseño dinámico, es hora de agregar algunos elementos que nos gustaría incluir en el contenido de nuestro correo electrónico. Primero, agreguemos un elemento de Imagen para mostrar las imágenes de los productos pedidos al lado derecho de nuestro diseño dinámico.

Necesitaremos elegir la fuente de datos que nos permitirá extraer las imágenes de productos pedidos al diseño. Para hacer eso, necesitamos buscar la fuente de datos de las URL de imágenes de Producto (URL, porque las imágenes están alojadas en el backend de la Tienda, donde tienen sus URL).

También puede añadir la URL del Producto a la imagen. Así, cuando los contactos hagan clic, se les redirigirá a la página de este producto en su Tienda. Para ello, añada la fuente de datos relevante al campo 'enlazar a'.

Necesitamos hacer esto una vez, y las imágenes de productos y URL de productos relevantes se añadirán a cada elemento de imagen dentro del único diseño dinámico.

Ahora, añadamos un elemento de texto al lado izquierdo de nuestro diseño dinámico, donde incluiremos Nombres de Productos, Moneda y Precios. Para ello, tendremos que seleccionar cada fuente de datos:

Para lograr los resultados deseados, debe experimentar con las fuentes de datos y sus respectivas categorías según su caso de uso específico.

Utiliza la barra lateral derecha para controlar cómo se muestra y se ve el bloque de diseño.

Configuraciones de imagen

Haz clic en un elemento de imagen dentro del diseño, luego ve a la pestaña Imagen.

A continuación se presentan ejemplos de cómo puedes utilizar diseños de contenido dinámico y propiedades de eventos en tus flujos de trabajo.

Utiliza diseños de contenido dinámico y propiedades de eventos para reorganizar el diseño del correo electrónico y agregar un porcentaje de descuento.

Esto asegura que el correo electrónico refleje los productos exactos que quedan en el carrito.

Si deseas informar a los clientes sobre actualizaciones del programa de lealtad, utiliza diseños de contenido dinámico y propiedades de eventos para mostrar información relevante.

Anime a los clientes a dejar una reseña del producto insertando dinámicamente los detalles del pedido y del producto.

Para notificar a los clientes sobre las reservas de Wix, utiliza diseños de contenido dinámico y propiedades de eventos para personalizar el mensaje.

Para informar a los clientes sobre eventos de calendario próximos:

Si deseas compartir información relacionada con viajes:

El uso de diseños de contenido dinámico y propiedades de evento le permite crear correos electrónicos personalizados basados en eventos. Al seleccionar un trigger de flujo apropiado y aplicar propiedades del evento, el contenido de su correo electrónico se adapta automáticamente según el evento que se activó.

¿Por qué no todos los disparadores de flujo están basados en eventos?

Algunos disparadores no son eventos por naturaleza, como el back-in-stock de productos o aniversarios.

¿Por qué están en blanco mis etiquetas de personalización en los correos electrónicos de prueba?

Los correos electrónicos de prueba no rellenan el contenido dinámico ni las etiquetas de personalización. Este es el comportamiento esperado. Los correos electrónicos de prueba utilizan un contacto de marcador de posición generado por el sistema sin datos reales.

Para validar la personalización:

¿Cómo necesito usar Raw / Line items, no Raw / Line items / Producto / Colecciones?

Debe seleccionar la colección de Raw/Line Items para sus productos como cliente. Cuando elija una fuente de lista dinámica, seleccione Line Items, ya que normalmente necesitará iterar a través de sus productos. Su plataforma de Tienda define las propiedades utilizadas en los eventos. En este caso, Line Item significa Producto.

¿Cómo puedo saber qué descripción elegir?

Puedes analizar la carga útil del evento y ver qué propiedad tiene la información que deseas.

¿Podemos agregar un nombre personalizado para el evento pasado, similar a la plantilla liquid? Por ejemplo, tener [[line_item.productURL | 'Tu enlace de producto']] en lugar de tener una ruta de URL completa?

No en este momento. Se realizarán mejoras, pero no hay una fecha estimada.

¿Funcionan las declaraciones condicionales en un diseño dinámico?

No, estos cálculos deben hacerse al implementar eventos personalizados desde tu lado.

Mi diseño dinámico no nos da ninguna opción y no tiene datos - ¿por qué es eso? ¿Cómo puedo hacer que se llenen los datos en nuestro diseño dinámico?

Si el Trigger se basa en un Evento, sus propiedades deben estar disponibles. Verifica si tienes un trigger basado en eventos en la tabla anterior.

¿El diseño dinámico solo recopila eventos relacionados con el pedido?

El diseño dinámico también puede recopilar otros eventos si el trigger se basa en el evento.

¿Pueden las tiendas conectadas a la API usar un diseño dinámico y tener la opción de poblar todos los datos pasados?

Sí, puede usar el diseño dinámico y tendrá la opción de rellenar todos los datos pasados, incluyendo shippingMethod, trackingCode, courierTitle, courierUrl, etc.

¿Qué significa el elemento alias en esta nota?

Esta es una sintaxis utilizada en algunos lenguajes de programación o scripting para acceder a una propiedad de un elemento en una lista. En el ejemplo dado, el alias 'item' se refiere a cada elemento de la lista, y 'listProperty' es la propiedad específica de ese elemento a la que se accede. Así que si tienes una lista de elementos, y cada elemento tiene una 'listProperty', puedes usar esta sintaxis para acceder a esa propiedad para cada elemento en la lista.

Omnisend utiliza corchetes [[ ]] para todo el contenido dinámico y la personalización, no llaves {{ }}. Si estás pegando código de plantillas externas u otras plataformas, reemplaza {{ con [[ y }} con ]].