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 liste e segmenti possono utilizzare gli URL delle immagini archiviati come Proprietà del profilo personalizzate. Possono anche utilizzare i tag del catalogo per cercare un’immagine a partire da un ID articolo archiviato sul profilo del destinatario.

Inoltre, tieni presente quanto segue sulle immagini dinamiche:

• È consentita solo 1 immagine dinamica per MMS.
• Le immagini devono essere inferiori a 600 KB. Le immagini più grandi potrebbero essere compresse dagli operatori, con conseguente distorsione, oppure potrebbero non essere recapitate.
• 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.
• Se un'immagine dinamica viene risolta in un URL vuoto o non valido, un messaggio con testo e nessun altro allegato viene inviato come SMS senza l'immagine. Questo fallback non si applica alle anteprime, agli invii di prova o ai messaggi che usano le traduzioni; in questi casi è necessario un URL immagine valido.
• 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

I passaggi indicati di seguito partono da un messaggio del flusso. Per una campagna in bozza, apri il suo editor dei messaggi di testo e salta i primi 2 passaggi.

1. Seleziona il messaggio del flusso in cui vuoi includere l’immagine dinamica.
2. Accanto a Contenuto, fai clic su Modifica.

3. Se l’editor mostra le opzioni RCS, seleziona Fallback SMS. Per modificare separatamente la sua immagine, apri Contenuto e disattiva Usa gli stessi contenuti del messaggio RCS.
4. Clicca su Anteprima nell'angolo in alto a destra.

5. Scegli un evento di anteprima o un profilo che contenga l’URL dell’immagine, quindi espandi Tutte le proprietà.
6. Fai clic sulla proprietà URL dell'immagine per copiare la sua variabile. Per un elenco di prodotti o immagini, 0 identifica il primo elemento e può comparire nel mezzo della variabile.

7. Clicca su Fine.
8. Nel pannello Contenuto, attiva Allegato e seleziona Immagine (o Media, se presente).
9. Fai clic su Seleziona immagine (o Seleziona contenuti multimediali). Se un'immagine è già allegata, fai clic su Sostituisci.

10. Vai alla scheda Immagine dinamica.
11. Incolla la variabile dinamica o l’URL dinamico per l’immagine.
    

12. Clicca su Salva.
13. Fai clic su Anteprima e verifica che l’immagine prevista venga visualizzata per l’evento o il profilo selezionato in un’area che supporta gli MMS.
14. Fai clic su Fine, quindi su Avanti per salvare il messaggio e uscire dall’editor.

Usa i tag del catalogo

Puoi anche usare i tag del catalogo per aggiungere immagini dinamiche nell'MMS. Per farlo:

1. In Anteprima, espandi Tutte le proprietà e trova l’ID articolo del primo prodotto nei dati dell’evento. Usa l’identificatore che corrisponde all’articolo nel catalogo Klaviyo (un ID prodotto o uno SKU, a seconda dell’integrazione). Per un’immagine basata sul profilo, trova invece la Proprietà del profilo personalizzata che contiene l’ID articolo.
2. Copia questa variabile.
   

1. Clicca su Fine per tornare all'editor SMS.
2. Nel pannello Contenuto, attiva Allegato e seleziona Immagine (o Media, se presente).
3. Fai clic su Seleziona immagine (o Seleziona contenuti multimediali). Se un'immagine è già allegata, fai clic su Sostituisci.

1. Vai alla scheda Immagine dinamica.
2. Incolla il seguente tag del catalogo:
   {% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
3. Sostituisci event.id in {% catalog event.id %} con la variabile del tag che hai copiato in precedenza. Rimuovi le parentesi esterne e il filtro predefinito, ma mantieni eventuali filtri di lookup necessari per accedere alla proprietà (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 %}
4. Clicca su Salva.
5. Fai clic su Anteprima e controlla l’immagine utilizzando un evento o un profilo con l’ID elemento del catalogo corrispondente in un’area geografica che supporta MMS. Fai clic su Fine, poi su Avanti per salvare il messaggio e uscire dall’editor.

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 dalla tua integrazione e non dovresti copiarle dai modelli di e-mail.

Risorse aggiuntive