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

1. Seleziona il messaggio del flusso in cui vuoi includere l’immagine dinamica.
2. Nella barra laterale destra, fai clic su Modifica.

3. Clicca su Anteprima e testo nell'angolo in alto a destra.
   

4. Trova la fonte dei dati dell’immagine che vuoi includere.
5. Fai clic sull’origine dati per la prima variabile di un’immagine, che in genere finirà con 0.
   

6. Clicca su Fine.
7. A sinistra, fai clic sull’icona Aggiungi immagine (icona dell’immagine) nella casella Messaggio.
   

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

10. Clicca su Salva.
11. 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:

1. Dalla finestra modale di anteprima dell'SMS, individua l'ID prodotto o lo SKU del primo prodotto elencato.
2. Copia questa variabile.
   

1. Clicca su Fine per tornare all'editor SMS.
2. A sinistra, fai clic sull'icona Aggiungi immagine (icona immagine) nella casella del messaggio.
   

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 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 %}
4. 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