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.
- Haz clic en el texto Vista previa & de la esquina superior derecha.
- Busque la fuente de datos de la imagen que desea 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.
- Vaya a la pestaña Imagen dinámica.
- Pega la variable dinámica o 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:
- En el modal de previsualización de SMS, localiza el ID 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.
- 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 %} - 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 (así {{ 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 %} - 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: