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 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 ocupar menos de 600 KB; de lo contrario, los operadores 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 la imagen se eliminará.
• 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

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. Busca 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 icono Añadir imagen (un icono 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. Pulsa Guardar.
11. Comprueba que la imagen dinámica se añadió correctamente asegurándote de que aparezca una en la pantalla de vista previa.

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 el modal de vista previa de SMS, localiza 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 icono Añadir imagen (un icono 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. Sustituye event.id en {% catalog event.id %} por 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:'' }} pase a ser 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.

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 tus integraciones, y no debes copiarlas de las plantillas de email.

Recursos adicionales