Cómo añadir una imagen dinámica a una mensajería de texto

Qué aprenderás

Descubre cómo añadir una imagen dinámica a un mensaje MMS en Klaviyo.

Incluir una imagen dinámica te permite personalizar tu mensajería de texto. Por ejemplo, puedes mostrarle a alguien el producto exacto que vio, con el que inició el proceso de compra o que compró.

Antes de empezar

Según tu caso de uso, es posible que no siempre puedas añadir una imagen dinámica.

• Solo los flujos activados por métricas pueden usar imágenes dinámicas basadas en los datos de eventos (p. ej., artículos de un pago 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 usar URL de imágenes almacenadas como propiedades de perfil personalizadas. También pueden usar etiquetas de catálogo para buscar una imagen a partir de un ID de artículo almacenado en el perfil del destinatario.

Además, ten en cuenta lo siguiente sobre las imágenes dinámicas:

• Solo se permite 1 imagen dinámica por MMS.
• Las imágenes deben pesar menos de 600 KB. Es posible que los operadores compriman las imágenes más grandes, lo que puede distorsionarlas, o que no se entreguen.
• Si intentas enviar una imagen dinámica con un número de envío que no permite MMS, el mensaje se enviará, pero la imagen se eliminará.
• Si una imagen dinámica se resuelve en una URL vacía o no válida, un mensaje con texto y sin ningún otro archivo adjunto se envía como SMS sin la imagen. Esta alternativa no se aplica a las previsualizaciones, los envíos de prueba ni los mensajes que usen traducciones; esos requieren una URL de imagen válida.
• Puedes usar declaraciones condicionales con imágenes dinámicas.
• Los operadores móviles no son compatibles con archivos WebP, y adjuntar este tipo de imagen puede hacer que el mensaje no se envíe.

Cómo añadir una imagen dinámica

Los pasos siguientes parten de un mensaje de flujo. En el caso de una campaña en borrador, abre su editor de mensajes de texto y omite los 2 primeros pasos.

1. Selecciona el mensaje del flujo en el que quieres incluir tu imagen dinámica.
2. Junto a Contenido, haz clic en Editar.

3. Si el editor muestra opciones de RCS, selecciona Alternativa de SMS. Para editar la imagen por separado, abre Contenido y desactiva Usar el mismo contenido del mensaje de RCS.
4. Haz clic en Vista previa en la esquina superior derecha.

5. Elige un evento de vista previa o un perfil que contenga la URL de la imagen y, a continuación, expande Todas las propiedades.
6. Haz clic en la propiedad URL de imagen para copiar su variable. En una lista de productos o imágenes, 0 identifica el primer elemento y puede aparecer en medio de la variable.

7. Haz clic en Listo.
8. En el panel Contenido, activa Adjunto y selecciona Imagen (o Contenido multimedia si aparece).
9. Haz clic en Seleccionar imagen (o Seleccionar archivos multimedia). Si ya hay una imagen adjunta, haz clic en Reemplazar.

10. Ve a la pestaña Imagen dinámica.
11. Pega la variable dinámica o la URL dinámica de la imagen.
    

12. Pulsa Guardar.
13. Haz clic en Vista previa y comprueba que la imagen esperada aparece para el evento o el perfil seleccionados en una región que admita MMS.
14. Haz clic en Listo y, a continuación, en Siguiente para guardar el mensaje y salir del editor.

Usar etiquetas de catálogo

También puedes usar etiquetas de catálogo para añadir imágenes dinámicas en el MMS. Para ello, sigue estos pasos:

1. En Vista previa, expande Todas las propiedades y encuentra el ID de artículo del primer producto en los datos del evento. Usa el identificador que coincida con el artículo en el catálogo de Klaviyo (un ID de producto o SKU, según la integración). Para una imagen basada en un perfil, busca en su lugar la propiedad de perfil personalizada que contiene el ID de artículo.
2. Copia esta variable.
   

1. Haz clic en Listo para volver al editor de SMS.
2. En el panel Contenido, activa Adjunto y selecciona Imagen (o Contenido multimedia si aparece).
3. Haz clic en Seleccionar imagen (o Seleccionar archivos multimedia). Si ya hay una imagen adjunta, haz clic en Reemplazar.

1. Ve a la pestaña Imagen dinámica.
2. Pega la siguiente etiqueta de catálogo:
   {% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
3. Reemplaza event.id en {% catalog event.id %} por la variable de la etiqueta que copiaste anteriormente. Elimina los corchetes exteriores y el filtro predeterminado, pero mantén cualquier filtro de búsqueda necesario para acceder a la propiedad (así, {{ event.extra.line_items.0.product_id|default:'' }} se convierte en event.extra.line_items.0.product_id).
   Ejemplo: {% catalog event.extra.line_items.0.product_id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
4. Pulsa Guardar.
5. Haz clic en Vista previa y comprueba la imagen con un evento o un perfil con el ID de artículo del catálogo correspondiente en una región que admita MMS. Haz clic en Listo y, después, en Siguiente para guardar el mensaje y salir del editor.

Ejemplo de uso de declaraciones condicionales

Las imágenes dinámicas pueden usar sentencias condicionales.

A continuación se muestra un ejemplo de una instrucción if/else para indicar que, si hay una imagen de variante, se muestre a los destinatarios; si no, se 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 sentencias depende de la integración y que no deberías copiarlas de las plantillas de email.

Recursos adicionales