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

Hola: 3 minutos de lectura
|
Actualizado 4 feb 2025, 19:06 EST
Qué aprenderás

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 empezar

Antes 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

Cómo añadir una imagen dinámica

  1. Seleccione el mensaje de flujo en el que desea incluir su imagen dinámica.
  2. En la barra lateral derecha, haga clic en Editar.Barra lateral para un nuevo mensaje SMS en un flujo
  3. Haz clic en el texto Vista previa & de la esquina superior derecha.
  4. Busque la fuente de datos de la imagen que desea incluir.
  5. Haz clic en la fuente de datos de la primera variable de una imagen, que normalmente terminará en 0.
  6. Pulsa Hecho
  7. A la izquierda, haz clic en el icono Añadir imagen (un icono de imagen) en el cuadro Mensaje.
  8. Vaya a la pestaña Imagen dinámica.
  9. Pega la variable dinámica o URL dinámica de la imagen.
  10. Pulse Guardar.
  11. 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: 

  1. En el modal de previsualización de SMS, localiza el ID o SKU del primer producto de la lista. 
  2. Copia esta variable. 
  3. Haz clic en Hecho para volver al editor de SMS. 
  4. A la izquierda, haz clic en el icono Añadir imagen (un icono de imagen) en el cuadro de mensaje.
  5. Vaya a la pestaña Imagen dinámica.
  6. Pegue la siguiente etiqueta de catálogo:
    {% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
  7. 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 %}
  8. 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

Recursos adicionales

¿Te ha resultado útil este artículo?
Utiliza este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar con el servicio de asistencia.

Descubre más de Klaviyo

Comunidad
Conecta con compañeros, socios y expertos de Klaviyo para inspirarte, compartir ideas y resolver todas tus dudas.
Formación en directo
Únete a una sesión en directo con expertos de Klaviyo para conocer las prácticas recomendadas, cómo configurar funciones clave y mucho más.
Asistencia

Accede al servicio de asistencia a través de tu cuenta.

Asistencia por correo electrónico (prueba gratuita y cuentas de pago) Disponible 24/7

Asistencia por chat/virtual
La disponibilidad varía según la ubicación y el tipo de plan