Cómo insertar una imagen dinámica en un email
Qué aprenderás
Obtén información sobre la opción Imagen dinámica en un bloque de imagen de email, incluidos cómo encontrar la etiqueta de personalización adecuada para usar y añadirla a una plantilla de email.
Las imágenes dinámicas te permiten personalizar el mensaje de cada destinatario en función del almacenamiento de datos en su perfil de Klaviyo o de los datos de eventos. Por ejemplo, puedes usar estas funciones para mostrar un artículo que hayan añadido recientemente a su carrito en un flujo activado por la métrica Added to Cart. O, 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 evento
Puedes mostrar imágenes dinámicas de los datos de eventos (p. ej., eventos de inicio de pago para un flujo de carrito abandonado) en emails de flujo activados por métricas. Las imágenes almacenadas en los datos de eventos no se pueden mostrar en campañas ni en flujos no activados por métricas, que solo pueden usar imágenes almacenadas en el perfil del destinatario como propiedades de perfil.
Almacenamiento de imágenes para campañas y flujos activados por un desencadenante que no es una métrica
Para mostrar una imagen dinámica en una campaña o un flujo sin activación de métricas (es decir, un flujo activado por una lista, un segmento o una fecha), se debe almacenar una URL de imagen (p. ej., https://www.klaviyo.com/static/klaviyo-social-share-image.jpg) en las propiedades de perfil de cada destinatario. Puedes añadir una URL de imagen a sus propiedades de perfil de las siguientes formas:
Almacenar imágenes para flujos activados por métricas
Para mostrar una imagen dinámica en un flujo activado por una métrica (por ejemplo, un flujo activado por un evento Añadir al carrito), puedes usar datos del perfil almacenados con los métodos descritos arriba o 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
- A través de una integración de terceros
- Uso de las API de Klaviyo
Añadir una imagen dinámica a un email
Una vez que hayas guardado la información de la imagen dinámica en Klaviyo, identifica la etiqueta correcta que debes usar para incluirla en tu email.
- Abre la plantilla de email en la que quieras añadir la imagen dinámica.
- Haz clic en Previsualizar y probar.
- Desplázate por los datos de ejemplo de eventos y perfiles en Todas las propiedades hasta que encuentres la variable de imagen. Luego, haz clic en el nombre de la variable para copiarlo.
- Cuando hayas copiado tu etiqueta, arrastra un bloque de imagen a tu mensaje.
- Haz clic en Seleccionar imagen > Imagen dinámica.
- Pega la etiqueta en el campo Variable dinámica o URL dinámica.
- Por último, previsualiza tu email para asegurarte de que la etiqueta funciona correctamente. Si no ves tu imagen, comprueba de nuevo que has seleccionado un evento o perfil que contenga la variable que has usado.
Añadir una imagen de respaldo
Si no tienes la certeza de que todos los destinatarios de email tendrán una imagen disponible en sus datos de perfil o de evento, considera usar una imagen de respaldo para que el área no aparezca en blanco. Hay 2 formas de añadir una imagen de respaldo:
Usa el filtro de producto ausente
Añade el filtro de producto que falta al final de la variable de imagen dinámica para usar la imagen de respaldo predeterminada de Klaviyo. Para añadir este filtro, añade |missing_product_image después de la variable de imagen dinámica, así:
{{ event.image_url|missing_product_image }}
Si a alguien que recibe el email le falta una imagen, verá la imagen de producto que falta en su lugar:
Configura tu propia imagen de copia de seguridad
Para elegir tu propia imagen de respaldo, aplica el filtro predeterminado con una URL de imagen que tú elijas. Esto mostrará tu imagen de respaldo personalizada si un destinatario no tiene una imagen configurada. Para añadir este filtro, añade |default:'' al final de tu variable de imagen con la URL de tu imagen personalizada entre comillas simples, así:
{{ event.image_url|default:'www.example.com/custom_image_url.jpg' }}
Recursos adicionales
- Cómo añadir personalización en bloques de texto
- Cómo crear bloques dinámicos en un email de flujo
- Cómo crear un flujo activado por métrica
- Cómo insertar recursos directamente en un email