Cómo insertar una imagen dinámica en un correo electrónico

Objetivos del artículo

Conoce la opción Imagen dinámica en un bloque de imagen de correo electrónico, incluyendo cómo encontrar la etiqueta de personalización correcta para usar y agregarla a una plantilla de correo electrónico.

Las imágenes dinámicas te permiten personalizar el mensaje de cada destinatario según el almacenamiento de datos en su perfil de Klaviyo o los datos de eventos. Por ejemplo, puedes usar esta función para mostrar un artículo que agregó recientemente a su carrito en un flujo activado por la métrica Added to Cart. O bien, al almacenar una URL de imagen única en el perfil de un suscriptor, puedes mostrar esa imagen personalizada en las campañas que le envíes.

Almacena tus imágenes en un perfil o un evento

Puedes mostrar imágenes dinámicas a partir de datos de eventos (p. ej., eventos de Checkout Started para un flujo de carrito abandonado) en correos electrónicos de flujo activados por una métrica. Para campañas y flujos activados por una lista, un segmento o una fecha, usa las URL de imágenes almacenadas en el perfil del destinatario como propiedades del perfil.

Almacenar URL de imágenes en las propiedades del perfil

Para mostrar una imagen dinámica en una campaña o un flujo activado por una lista, un segmento o una fecha, se debe almacenar una URL de imagen (por ejemplo, https://www.klaviyo.com/static/klaviyo-social-share-image.jpg) en las propiedades del perfil de cada destinatario. Puedes agregar una URL de imagen a las propiedades del perfil de esa persona de las siguientes maneras:

• Carga un CSV de datos de perfil
• Usa una integración de terceros
• Usa las interfaces de programación de aplicaciones (API) de Klaviyo

Almacenamiento de imágenes para flujos activados por métricas

Para mostrar una imagen dinámica en un flujo activado por una métrica (p. ej., un flujo activado por un evento de Producto agregado al carrito), puedes usar los datos del perfil en el almacenamiento de datos mediante los métodos descritos anteriormente o usar los datos del evento de la métrica que activa el flujo.

Ten en cuenta que los datos de eventos solo se pueden usar en un flujo activado por ese evento.

Puedes añadir datos de eventos a Klaviyo de las siguientes maneras:

• A través de una integración predeterminada de Klaviyo
• Mediante una integración de terceros
• Con las interfaz de programación de aplicaciones (API) de Klaviyo

Agregar una imagen dinámica a un correo electrónico

Una vez que hayas almacenado la información de tu imagen dinámica en Klaviyo, identifica la etiqueta correcta que debes usar para incluirla en tu correo electrónico.

1. Abre la plantilla de correo electrónico en la que quieres agregar la imagen dinámica.
2. Haz clic en Vista previa.
3. Si estás editando una plantilla guardada, selecciona perfil o Evento en Fuente de datos de vista previa. Para Evento, elige la métrica que activará el flujo.
4. Selecciona un evento de muestra o un perfil que contenga la URL de la imagen. Usa las flechas para explorar eventos o busca un perfil por dirección de correo electrónico o nombre.
5. Desplázate por el evento de muestra y los datos del perfil en Todas las propiedades hasta encontrar la variable de imagen. Luego, haz clic en el nombre de la variable para copiarlo.
6. Una vez que hayas copiado la etiqueta, haz clic en Listo para volver al editor y luego arrastra un bloque de imagen a tu mensaje.
7. Haz clic en Seleccionar imagen > Imagen dinámica.
8. Pega la etiqueta en el campo Variable dinámica o URL dinámica y luego haz clic en Guardar.
9. Por último, previsualiza el correo electrónico para asegurarte de que la etiqueta funcione correctamente. Si no ves la imagen, vuelve a revisar que hayas seleccionado un evento o perfil que contenga la variable que usaste.

Agrega una imagen de respaldo

Si no tienes la certeza de que cada destinatario del correo electrónico tendrá una imagen disponible en los datos de perfil o de evento, considera usar una imagen de respaldo para que el área no aparezca en blanco. Las imágenes de respaldo aparecen cuando falta el valor de la URL de la imagen o está vacío. No reemplazan una URL que apunta a una imagen no disponible. Hay dos formas de añadir una imagen de respaldo:

Usar el filtro de productos faltantes

Agrega el filtro de producto faltante al final de la variable de imagen dinámica para usar la imagen de respaldo predeterminada de Klaviyo. Para agregar este filtro, agrega |missing_product_image después de la variable de imagen dinámica. Reemplaza event.image_url en los ejemplos siguientes por la variable de imagen que copiaste de los datos de vista previa:

{{ event.image_url|missing_product_image }}

Si falta o está vacío el valor de la URL de imagen de un destinatario, verá la imagen de producto faltante en su lugar:

Configura tu propia imagen de respaldo

Para elegir tu propia imagen de respaldo, aplica el filtro default con la URL de imagen que prefieras. Esto mostrará tu imagen de respaldo personalizada si falta el valor de la URL de imagen o está vacío. Para agregar este filtro, agrega |default:'' al final de la variable de imagen con tu URL completa de imagen personalizada, incluido https://, entre comillas simples, así:

{{ event.image_url|default:'https://www.example.com/custom_image_url.jpg' }}

Obtén una vista previa del correo electrónico con un evento o un perfil que tenga una URL de imagen, y con otro en el que falte el valor o esté vacío, para comprobar tanto la imagen dinámica como la imagen de respaldo.

Recursos adicionales

• Cómo agregar personalización en bloques de texto
• Cómo crear bloques dinámicos en un correo electrónico de flujo
• Cómo crear un flujo activado por métricas
• Cómo insertar recursos directamente en un correo electrónico