Cómo agregar una imagen dinámica a un mensaje de texto

Objetivos del artículo

Más información sobre cómo agregar una imagen dinámica a un mensaje MMS en Klaviyo.

Incluir una imagen dinámica te permite personalizar tus mensajes de mensajería de texto. Por ejemplo, puedes mostrarle a alguien el producto exacto que vio, con el que inició un proceso de pago 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 datos de eventos (p. ej., artículos de un checkout o un pedido realizado) o en etiquetas del catálogo para un evento.
• Las campañas y los flujos activados por listas y segmentos solo pueden tener imágenes dinámicas cuando la URL de la imagen existe como una propiedad personalizada en el perfil del destinatario.

Además, es importante tener 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; de lo contrario, los proveedores las comprimirán, lo que puede hacer que la imagen se vea 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 usar declaraciones condicionales con imágenes dinámicas.
• Los operadores móviles no admiten archivos WebP, y adjuntar este tipo de imagen puede hacer que el mensaje falle.

Cómo agregar una imagen dinámica

1. Selecciona el mensaje del flujo en el que quieres incluir tu imagen dinámica.
2. En la barra lateral derecha, haz clic en Editar.

3. Haz clic en Vista previa y texto en la esquina superior derecha.
   

4. Encuentra la fuente de datos de la imagen que quieres incluir.
5. Haz clic en la fuente de datos de la primera variable de una imagen, que normalmente terminará en 0.
   

6. Haz clic en Listo.
7. A la izquierda, haz clic en el ícono Agregar imagen (un ícono de imagen) en el cuadro Mensaje.
   

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

10. Haz clic en Guardar.
11. Verifica que la imagen dinámica se haya agregado correctamente; asegúrate de que aparezca una en la pantalla de vista previa.

Usa etiquetas del catálogo

También puedes usar etiquetas del catálogo para agregar imágenes dinámicas en el MMS. Para hacerlo:

1. En el modal de vista previa de SMS, busca el ID del producto o el SKU del primer producto de la lista.
2. Copia esta variable.
   

1. Haz clic en Listo para volver al editor de SMS.
2. A la izquierda, haz clic en el ícono Agregar imagen (un ícono de imagen) en el cuadro de mensaje.
   

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 %} con la variable de la etiqueta que copiaste anteriormente. Elimina los corchetes y cualquier filtro de la variable (de modo que {{ event.extra.line_items.0.product_id|default:'' }} se convierta 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. Haz clic en Guardar.

Ejemplo de uso de declaraciones condicionales

Las imágenes dinámicas pueden usar declaraciones 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; de lo contrario, 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 declaraciones depende de tu integración, y no deberías copiarlas de las plantillas de correo electrónico.

Recursos adicionales