Come aggiungere un'immagine dinamica a un messaggio di testo
Cosa imparerai
Scopri come aggiungere un'immagine dinamica a un messaggio MMS in Klaviyo.
Includere un'immagine dinamica ti permette di personalizzare la tua messaggistica di testo. Ad esempio, puoi mostrare a qualcuno il prodotto esatto che ha visualizzato, con cui ha iniziato un checkout o che ha acquistato.
Prima di iniziare
A seconda del tuo caso d’uso, potresti non essere sempre in grado di aggiungere un’immagine dinamica.
- Solo i flussi attivati da una metrica possono usare immagini dinamiche basate sui dati dell’evento (ad esempio, articoli di un checkout o di un ordine effettuato) o sui tag di catalogo per un evento.
- Le campagne e i flussi attivati da elenchi e segmenti possono avere immagini dinamiche solo quando l'URL dell'immagine esiste come proprietà personalizzata nel profilo del destinatario.
Inoltre, è importante notare quanto segue in merito alle immagini dinamiche:
- È consentita solo 1 immagine dinamica per MMS.
- Le immagini devono essere inferiori a 600 KB; altrimenti gli operatori le comprimeranno, e l'immagine potrebbe risultare distorta.
- Se provi a inviare un’immagine dinamica con un numero mittente che non consente gli MMS, il messaggio verrà inviato, ma l’immagine verrà rimossa.
- Puoi usare istruzioni condizionali con immagini dinamiche.
- Gli operatori di telefonia mobile non supportano i file WebP e allegare questo tipo di immagine può causare il mancato invio del messaggio.
Come aggiungere un'immagine dinamica
- Seleziona il messaggio del flusso in cui vuoi includere l’immagine dinamica.
- Nella barra laterale destra, fai clic su Modifica.
- Clicca su Anteprima e testo nell'angolo in alto a destra.
- Trova la fonte dei dati dell’immagine che vuoi includere.
- Fai clic sull’origine dati per la prima variabile di un’immagine, che in genere finirà con 0.
- Clicca su Fine.
- A sinistra, fai clic sull’icona Aggiungi immagine (icona dell’immagine) nella casella Messaggio.
- Vai alla scheda Immagine dinamica.
- Incolla la variabile dinamica o l’URL dinamico per l’immagine.
- Clicca su Salva.
- Verifica che l’immagine dinamica sia stata aggiunta correttamente assicurandoti che ne appaia una nella schermata di anteprima.
Usa i tag del catalogo
Puoi anche usare i tag del catalogo per aggiungere immagini dinamiche nell'MMS. Per farlo:
- Dalla finestra modale di anteprima dell'SMS, individua l'ID prodotto o lo SKU del primo prodotto elencato.
- Copia questa variabile.
- Clicca su Fine per tornare all'editor SMS.
- A sinistra, fai clic sull'icona Aggiungi immagine (icona immagine) nella casella del messaggio.
- Vai alla scheda Immagine dinamica.
- Incolla il seguente tag del catalogo:
{% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Sostituisci event.id in {% catalog event.id %} con la variabile del tag che hai copiato in precedenza. Rimuovi le parentesi e tutti i filtri dalla variabile (quindi {{ event.extra.line_items.0.product_id|default:'' }} diventa event.extra.line_items.0.product_id).
Esempio: {% catalog event.extra.line_items.0.product_id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Clicca su Salva.
Esempio di utilizzo di istruzioni condizionali
Le immagini dinamiche possono utilizzare istruzioni condizionali.
Di seguito è riportato un esempio di un'istruzione if/else per dire che, se è presente un'immagine della variante, mostrarla ai destinatari; altrimenti, usa l'immagine predefinita:
{% 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 %}
Tieni presente che il formato esatto di queste dichiarazioni dipende dalle tue integrazioni e non dovresti copiarle dai modelli di e-mail.
Risorse aggiuntive
- Understanding MMS image and GIF best practices
Learn best practices for sending images and GIFs in text messages so that they display nicely to recipients.
- How to use event data to personalize email and SMS flows
Learn what dynamic event data is, when to use it, where to find it, and how to include it in your flow messages. Learn about the different actions your customers take, and how you can use that data for creating personalized messaging flows in Klaviyo. For instance, you could use event data in an abandoned cart flow message to show individuals what product they left behind, an image of the item, and more. This allows for a more personalized experience for the customer, as well as a higher chance of conversion.