Cómo agregar una imagen dinámica a una notificación push
Objetivos del artículo
Descubre cómo agregar una imagen dinámica a una notificación push.
Las imágenes dinámicas son una excelente forma de personalizar tus notificaciones push. Por ejemplo, puedes mostrarle a alguien el producto exacto que marcó como favorito, con el que inició el proceso de pago o que compró.
Antes de empezar
Puedes usar imágenes dinámicas en:
- Flujos activados por métricas, que usan datos de eventos (p. ej., artículos de un proceso de pago u orden realizada) o etiquetas de catálogo para un evento.
- Campañas y flujos activados por listas y segmentos, pero solo cuando la URL de la imagen existe como una propiedad personalizada en el perfil del destinatario.
Además, toma en cuenta lo siguiente sobre las imágenes dinámicas de push:
- Solo se permite 1 imagen dinámica por notificación push.
- Las imágenes deben ser menores a 1 MB.
- Puedes usar declaraciones condicionales con imágenes dinámicas.
¿Quieres solicitar una función para las notificaciones push de Klaviyo? Completa este formulario de Google para contarnos al respecto.
Agrega una imagen dinámica a una notificación push
- Selecciona el mensaje en el que quieres incluir tu imagen dinámica.
- En la barra lateral izquierda, haz clic en Configurar contenido o Editar.
- Agrega o selecciona la notificación push en el flujo.
- Haz clic en el ícono Ver detalles en la esquina superior derecha.
- Encuentra la fuente de datos de la imagen que quieres incluir.
- Haz clic en la fuente de datos de la primera variable de una imagen, que normalmente terminará en 0.
- A la izquierda, haz clic en el ícono Insertar contenido multimedia en el cuadro Cuerpo.
- Ve a la pestaña Imagen dinámica.
- Pega la variable dinámica o la URL dinámica de la imagen.
- Haz clic en Guardar.
- Verifica que la imagen dinámica se haya agregado correctamente; asegúrate de que aparezca una en la pantalla de vista previa.
Ejemplo de uso de etiquetas de catálogo
También puedes usar etiquetas de catálogo para agregar imágenes dinámicas en una notificación push enriquecida. Para hacerlo:
- Ve a Análisis > Métricas.
- Selecciona la métrica que quieras usar (p. ej., Producto pedido).
- Haz clic en Detalles para un evento específico.
- Encuentra la etiqueta de SKU o de ID de producto.
- Copia la etiqueta de la etiqueta (excepto cualquier paréntesis o dos puntos) para tener la ortografía y las mayúsculas exactas.
En el ejemplo de abajo, copiamos "ProductID".
- Pega esto en algún lugar donde no lo pierdas.
- Ve a un flujo que se active con la misma métrica que acabas de seleccionar.
- Selecciona la notificación push en la que quieras incluir la imagen dinámica.
- En la barra lateral izquierda, haz clic en Configurar contenido o Editar.
- A la izquierda, haz clic en el ícono Insertar contenido multimedia en el cuadro Cuerpo.
- Ve a la pestaña Imagen dinámica.
- Pega la siguiente etiqueta de catálogo:
{% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Reemplaza el id en {% catalog event.id %} por la etiqueta que copiaste anteriormente.
Ejemplo: {% catalog event.ProductID %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Haz clic en Guardar.
Ejemplo de uso de sentencias condicionales para imágenes dinámicas
Las imágenes dinámicas pueden usar declaraciones condicionales.
A continuación se muestra un ejemplo de una instrucción if/else para indicar que, si hay una imagen de variante, se la muestre a los destinatarios; de lo contrario, use la imagen predeterminada:
{% if event.extra.line_items.0.product.variant.images.0.src %}{{ event.extra.line_items.0.product.variant.images.0.src }}{% else %}{{ event.extra.line_items.0.product.images.0.src }}{% endif %}
Ten en cuenta que el formato exacto de estas declaraciones depende de tus integraciones, y no deberías copiarlas de plantillas de correo electrónico.
Recursos adicionales
- Comprender las notificaciones push enriquecidas
Obtén información sobre las notificaciones push enriquecidas en Klaviyo. Las notificaciones push enriquecidas están disponibles tanto para campañas como para flujos.
- Cómo utilizar los datos de eventos para personalizar los flujos de correo electrónico y SMS
Descubre qué son los datos de eventos dinámicos, cuándo usarlos, dónde encontrarlos y cómo incluirlos en los mensajes de tus flujos. Descubre las diferentes acciones que realizan tus clientes y cómo puedes usar esos datos para crear flujos de mensajes personalizados en Klaviyo. Por ejemplo, puedes utilizar datos de eventos en un mensaje de flujo de carrito abandonado para mostrarle al cliente el producto que dejó en el carrito, una imagen del artículo, etc. Esto permite brindarle una experiencia más personalizada al cliente, así como lograr una mayor probabilidad de conversión.