Qué aprenderás
Aprenda a añadir una imagen dinámica a un mensaje MMS en Klaviyo.
Incluir una imagen dinámica le permite personalizar sus mensajes de texto. Por ejemplo, puede mostrar a alguien el producto exacto que ha visto, con el que ha iniciado un proceso de pago o que ha comprado.
Antes de empezarAntes de empezar
Dependiendo de su caso de uso, es posible que no siempre pueda añadir una imagen dinámica.
- Sólo los flujos activados por métricas pueden utilizar imágenes dinámicas basadas en datos de eventos (por ejemplo, artículos de una caja o de un pedido realizado) o en etiquetas de catálogo para un evento.
- Las campañas y los flujos activados por listas y segmentos pueden tener imágenes dinámicas sólo cuando la URL de la imagen existe como propiedad personalizada en el perfil del destinatario.
Además, es importante tener en cuenta lo siguiente respecto a las imágenes dinámicas:
- Sólo se permite 1 imagen dinámica por MMS.
- Las imágenes deben ser inferiores a 600 KB; de lo contrario, los transportistas las comprimirán, lo que puede hacer que la imagen aparezca distorsionada.
- Si intenta enviar una imagen dinámica con un número de envío que no permite MMS, el mensaje se enviará, pero se eliminará la imagen.
- Puede utilizar declaraciones condicionales con imágenes dinámicas.
- Los operadores de telefonía móvil no admiten archivos WebP, y adjuntar este tipo de imagen puede hacer que el mensaje falle.
Cómo añadir una imagen dinámica
- Seleccione el mensaje de flujo en el que desea incluir su imagen dinámica.
- En la barra lateral derecha, haga clic en Editar.
- Pulse el botón Ver detalles en la esquina superior derecha de la pestaña Previsualización.
- Busque la fuente de datos de la imagen que desea incluir.
- Haga clic en la fuente de datos de la primera variable de una imagen, que normalmente terminará en 0.
- A la izquierda, haga clic en el icono Añadir medio (un icono de imagen) en el cuadro Mensaje.
- Vaya a la pestaña Imagen dinámica.
- Pegue la variable dinámica o la URL dinámica de la imagen.
- Pulse Guardar.
- Compruebe que la imagen dinámica se ha añadido correctamente asegurándose de que aparece una en la pantalla de vista previa.
Utilice etiquetas de catálogo
También puede utilizar etiquetas de catálogo para añadir imágenes dinámicas en el MMS. Para ello:
- Vaya a Analytics > Metrics.
- Seleccione la métrica que desea utilizar (por ejemplo, Producto pedido).
- Haga clic en Detalles para un evento específico.
- Busque la SKU o la etiqueta de identificación del producto.
- Copie la etiqueta de la etiqueta (excepto los paréntesis o los dos puntos) para tener la ortografía y las mayúsculas exactas.
En el ejemplo siguiente, copiamos "ProductID" - Pegue esto en alg ún lugar donde no lo pierda.
- Navegue hasta un flujo activado por la misma métrica que acaba de seleccionar.
- Seleccione el mensaje SMS en el que desea incluir su imagen dinámica.
- En la barra lateral izquierda, pulse Configurar contenido o Editar.
- A la izquierda, haga clic en el icono Añadir medio (un icono de imagen) en el cuadro Mensaje.
- Vaya a la pestaña Imagen dinámica.
- Pegue la siguiente etiqueta de catálogo:
{% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Sustituya id en {% catalog event.id %} por la etiqueta que copió anteriormente.
Ejemplo: {% catalog event.ProductID %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Pulse Guardar.
Ejemplo de uso de sentencias condicionales
Las imágenes dinámicas pueden utilizar sentencias condicionales.
A continuación se muestra un ejemplo de una sentencia if/else para decir que si hay una imagen variante, muestre esa a los destinatarios; si no, utilice 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 %}
Tenga en cuenta que el formato exacto de estas declaraciones depende de su integración y que no debe copiarlas de plantillas de correo electrónico.
Recursos adicionales
- Encuentre más prácticas recomendadas para imágenes MMS y GIF
- Obtenga más información sobre las variables de evento en Klaviyo: