Cómo añadir una imagen dinámica a una notificación push
Objetivos de aprendizaje
Aprende a añadir una imagen dinámica a una notificación push.
Las imágenes dinámicas son una forma estupenda de personalizar tu push de notificación. Por ejemplo, puedes mostrar a alguien el producto exacto que ha marcado como favorito, con el que ha iniciado una página de pago o que ha comprado.
Antes de empezarAntes de empezar
Puedes utilizar imágenes dinámicas en:
- flujo desencadenado métricamente, utilizando datos de eventos (por ejemplo, artículos de una página de pago o pedido realizado) o la etiqueta de catálogo de un evento.
- campañas y flujo desencadenado por listas y segmentos, pero sólo cuando la URL de la imagen existe como propiedad personalizada en el perfil del destinatario.
Además, ten en cuenta lo siguiente respecto a las imágenes dinámicas push de notificación:
- Sólo se permite 1 imagen dinámica por notificación push.
- Las imágenes deben tener menos de 1 MB.
- Puedes utilizar sentencias condicionales con imágenes dinámicas.
¿Quieres solicitar funciones/características para Klaviyo notificación push? ¡Rellena este formulario de Google para contárnoslo!
Añadir 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 en Editar.
- Añade o selecciona la notificación push en el flujo.
- Pulsa el icono Ver detalles en la esquina superior derecha.
- Busca 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 icono Insertar contenido multimedia en el cuadro Cuerpo.
- Ve a la pestaña Imagen Dinámica.
- Pega la variable dinámica o URL dinámica de la imagen.
- Haz clic en Guardar.
- Comprueba que la imagen dinámica se ha añadido correctamente asegurándote de que aparece una en la pantalla de vista previa.
Ejemplo de uso del catálogo etiqueta
También puedes utilizar el catálogo etiqueta para añadir imágenes dinámicas en una notificación push enriquecida. Para ello:
- Ir a análisis > métrica.
- Selecciona la métrica que deseas utilizar (por ejemplo, Producto pedido).
- Haz clic en Detalles para un evento concreto.
- Busca la SKU o la etiqueta de identificación del producto.
- Copia la etiqueta de la etiqueta (excepto los paréntesis o los dos puntos) para que tengas la ortografía y las mayúsculas exactas.
En el ejemplo siguiente, copiamos "ProductID."
- Pega esto en algún sitio donde no lo pierdas.
- Navega hasta un flujo desencadenado por la misma métrica que acabas de seleccionar.
- Selecciona la notificación push en la que quieres incluir tu imagen dinámica.
- En la barra lateral izquierda, haz clic en Configurar contenido o en Editar.
- A la izquierda, haz clic en el icono 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 %} - Sustituye 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 utilizar sentencias condicionales.
A continuación se muestra un ejemplo de sentencia if/else para decir que si hay una imagen variante, la muestres a los destinatarios; si no, utiliza la imagen por defecto:
{% 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 estos extractos depende de tus integraciones, y no debes copiarlos de plantillas de correo electrónico.