Cómo insertar una imagen dinámica en un correo electrónico
Objetivos del artículo
Obtén información sobre la opción Imagen dinámica en un bloque de imagen de correo electrónico, incluido cómo encontrar la etiqueta de personalización correcta para usarla 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 inicio de pago para un flujo de carrito abandonado) en correos electrónicos de flujo activados por métricas. Las imágenes almacenadas en los datos del evento no se pueden mostrar en las campañas ni en los flujos activados que no se basan en métricas, que solo pueden usar imágenes almacenadas en el perfil del destinatario como propiedades del perfil.
Almacenar imágenes para campañas y flujos no activados por métricas
Para mostrar una imagen dinámica en una campaña o en un flujo no activado por métricas (es decir, un flujo activado por una lista, un segmento o una fecha), se debe guardar una URL de imagen (p. ej., 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 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 (por ejemplo, un flujo activado por un evento de Add to Cart), puedes usar los datos de perfil almacenados mediante los métodos descritos anteriormente o usar los datos de 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.
- Abre la plantilla de correo electrónico en la que quieres agregar la imagen dinámica.
- Haz clic en Previsualizar y probar.
- 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.
- Una vez que hayas copiado la etiqueta, 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.
- 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 seguridad de que todos los destinatarios del correo electrónico tendrán una imagen disponible en su perfil o en los datos de eventos, considera usar una imagen de respaldo para que el área no aparezca en blanco. Hay 2 formas de agregar 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, así:
{{ event.image_url|missing_product_image }}
Si a alguna persona que reciba el correo electrónico le falta una imagen, verá la imagen del producto faltante en su lugar:
Configura tu propia imagen de respaldo
Para elegir tu propia imagen de respaldo, aplica el filtro predeterminado con la URL de imagen que elijas. Esto mostrará tu imagen de respaldo personalizada si un destinatario no tiene una imagen configurada. Para agregar este filtro, agrega |default:'' al final de la 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 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