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, incluido cómo encontrar la etiqueta de personalización adecuada para usarla 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 a partir de los datos de eventos (por ejemplo, eventos de Inicio de pago para un flujo de carrito abandonado) en emails de flujo activados por métricas. Para campañas y flujo activados por una lista, un segmento o una fecha, utiliza las URL de imágenes almacenadas en el perfil del destinatario como propiedades de perfil.
Almacenamiento de URL de imágenes en propiedades de perfil
Para mostrar una imagen dinámica en una campaña o un flujo activado por una lista, un segmento o una fecha, debes almacenar una URL de imagen (por ejemplo, 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ñadido al carrito), puedes usar los datos del perfil en el almacenamiento de datos mediante los métodos descritos arriba, o usar datos de eventos 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 Vista previa.
- 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.
- 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 email o nombre.
- 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.
- Después de copiar la etiqueta, haz clic en Listo para volver al editor y, a continuación, arrastra un bloque de imagen al mensaje.
- Haz clic en Seleccionar imagen > Imagen dinámica.
- Pega la etiqueta en el campo Variable dinámica o URL dinámica y, luego, haz clic en Guardar.
- 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 seguridad de que todos los destinatarios de email tengan una imagen disponible en el perfil o en los datos del 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 sustituyen una URL que apunte a una imagen que no está disponible. 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 copia de seguridad predeterminada de Klaviyo. Para añadir este filtro, añade |missing_product_image después de la variable de imagen dinámica. Sustituye event.image_url en los ejemplos de abajo por la variable de imagen que copiaste de los datos de vista previa:
{{ event.image_url|missing_product_image }}
Si falta el valor de la URL de la imagen de un destinatario o está vacío, verá la imagen del producto que falta en su lugar:
Configura tu propia imagen de copia de seguridad
Para elegir tu propia imagen de respaldo, aplica el filtro default con una URL de imagen que elijas. Esto mostrará tu imagen de respaldo personalizada si falta el valor de la URL de la imagen o está vacío. Para añadir este filtro, añade |default:'' al final de la variable de imagen con la URL completa de tu imagen personalizada, incluido https://, entre comillas simples, así:
{{ event.image_url|default:'https://www.example.com/custom_image_url.jpg' }}
Previsualiza el email 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 reserva.
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