Cómo añadir una imagen dinámica a un mensaje de texto
Objetivos de aprendizaje
Aprende a añadir una imagen dinámica a un mensaje MMS en Klaviyo.
Incluir una imagen dinámica te permite personalizar tu mensaje de texto. Por ejemplo, puedes mostrar a alguien el producto exacto que ha visto, con el que ha iniciado una página de pago o que ha comprado.
Antes de empezarAntes de empezar
Dependiendo de tu caso de uso, no siempre podrás añadir una imagen dinámica.
- Sólo el flujo métrico puede utilizar imágenes dinámicas basadas en datos de eventos (por ejemplo, artículos de una página de pago o de un pedido realizado) o en la etiqueta del catálogo de un evento.
- Las campañas y el flujo desencadenado por listas y segmentos sólo pueden tener imágenes dinámicas 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 tener menos de 600 KB; de lo contrario, los transportistas las comprimirán, lo que puede hacer que la imagen aparezca distorsionada.
- Si intentas 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.
- Puedes utilizar sentencias 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
- Selecciona el mensaje de flujo en el que quieres incluir tu imagen dinámica.
- En la barra lateral derecha, haz clic en Editar.
- Haz clic en el texto Vista previa & de 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.
- Pulsa Hecho.
- A la izquierda, haz clic en el icono Añadir imagen (un icono de imagen) en el cuadro Mensaje.
- 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.
Utilizar etiqueta de catálogo
También puedes utilizar la etiqueta de catálogo para añadir imágenes dinámicas en MMS. Para ello:
- En el modal de previsualización de SMS, localiza el ID de producto o SKU del primer producto de la lista.
- Copia esta variable.
- Haz clic en Hecho para volver al editor de SMS.
- A la izquierda, haz clic en el icono Añadir imagen (un icono de imagen) en el cuadro de mensaje.
- 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 event.id en {% catalog event.id %} por la variable de la etiqueta que has copiado anteriormente. Elimina los corchetes y cualquier filtro de la variable (de modo que {{ event.extra.line_items.0.product_id|default:'' }} se convierte en evento.extra.artículos_línea.0.id_producto).
Ejemplo: {% catalog event.extra.line_items.0.product_id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Haz clic en Guardar.
Ejemplo de uso de sentencias condicionales
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 estas declaraciones depende de tus integraciones, y no debes copiarlas de las plantillas de correo electrónico.
Recursos adicionales
- Más prácticas recomendadas para imágenes MMS y GIF
- Más información sobre las variables de evento en Klaviyo: