Come inserire un'immagine dinamica in un'e-mail
Cosa imparerai
Scopri l’opzione Immagine dinamica in un blocco immagine di un’e-mail, inclusi come trovare il tag di personalizzazione corretto da usare e aggiungerlo a un modello di e-mail.
Le immagini dinamiche ti consentono di personalizzare il messaggio di ogni destinatario in base all’archivio dati nel suo profilo Klaviyo o ai dati dell’evento. Ad esempio, puoi usare questa funzionalità per mostrare un articolo aggiunto di recente al carrello in un flusso attivato dalla metrica Added to Cart. Oppure, salvando un URL immagine univoco nel profilo di un iscritto, puoi mostrare quell'immagine personalizzata nelle campagne che gli invii.
Archivia le immagini in un profilo o in un evento
Puoi visualizzare immagini dinamiche dai dati degli eventi (ad es. gli eventi Checkout Started per un flusso di carrello abbandonato) nelle e-mail dei flussi attivati da una metrica. Per le campagne e i flussi attivati da un elenco, un segmento o una data, usa gli URL delle immagini memorizzati nel profilo del destinatario come Proprietà del profilo.
Archiviazione degli URL delle immagini nelle proprietà del profilo
Per visualizzare un’immagine dinamica in una campagna o in un flusso attivato da un elenco, un segmento o una data, è necessario che un URL dell’immagine (ad es. https://www.klaviyo.com/static/klaviyo-social-share-image.jpg) sia memorizzato nelle Proprietà del profilo di ciascun destinatario. Puoi aggiungere un URL dell’immagine alle Proprietà del profilo nei seguenti modi:
Archiviazione delle immagini per i flussi avviati da una metrica
Per visualizzare un’immagine dinamica in un flusso attivato da una metrica (ad es. un flusso attivato da un evento Added to Cart), puoi usare i dati del profilo presenti nell’archivio dati tramite i metodi descritti sopra oppure usare i dati dell’evento della metrica che attiva il flusso.
Tieni presente che i dati dell'evento possono essere utilizzati solo in un flusso attivato da quell'evento.
Puoi aggiungere i dati evento a Klaviyo nei seguenti modi:
- Tramite un’integrazione Klaviyo predefinita
- Tramite un’integrazione di terze parti
- Utilizzo delle API di Klaviyo
Aggiungi un'immagine dinamica a un'e-mail
Dopo aver salvato in Klaviyo le informazioni della tua immagine dinamica, identifica il tag corretto da usare per includerla nella tua e-mail.
- Apri il modello di e-mail in cui vuoi aggiungere l’immagine dinamica.
- Fai clic su Anteprima.
- Se stai modificando un modello salvato, seleziona Profilo o Evento in Origine dati di anteprima. Per Evento, scegli la metrica che attiverà il tuo flusso.
- Seleziona un evento di esempio o un profilo che contenga l'URL dell'immagine. Usa le frecce per sfogliare gli eventi oppure cerca un profilo per indirizzo e-mail o nome.
- Scorri i dati di esempio dell’evento e del profilo in Tutte le proprietà finché non trovi la variabile dell’immagine. Poi fai clic sul nome della variabile per copiarlo.
- Dopo aver copiato il tag, fai clic su Fine per tornare all’editor, quindi trascina un blocco immagine nel messaggio.
- Fai clic su Seleziona immagine > Immagine dinamica.
- Incolla il tag nel campo Variabile dinamica o URL dinamico, quindi fai clic su Salva.
- Infine, visualizza in anteprima l'e-mail per assicurarti che il tag funzioni correttamente. Se non vedi l'immagine, ricontrolla di aver selezionato un evento o un profilo che contenga la variabile che hai usato.
Aggiungi un'immagine di backup
Se non sei sicuro che ogni destinatario dell’e-mail avrà un’immagine disponibile nel suo profilo o nei dati dell’evento, valuta di usare un’immagine di backup così l’area non appare vuota. Le immagini di backup vengono visualizzate quando il valore dell’URL dell’immagine è mancante o vuoto. Non sostituiscono un URL che rimanda a un’immagine non disponibile. Esistono 2 modi per aggiungere un’immagine di backup:
Usa il filtro prodotto mancante
Aggiungi il filtro prodotto mancante alla fine della variabile dell’immagine dinamica per usare l’immagine di backup predefinita di Klaviyo. Per aggiungere questo filtro, aggiungi |missing_product_image dopo la variabile dell'immagine dinamica. Sostituisci event.image_url negli esempi di seguito con la variabile dell’immagine che hai copiato dai dati di anteprima:
{{ event.image_url|missing_product_image }}
Se il valore dell’URL dell’immagine di un destinatario è mancante o vuoto, vedrà invece l’immagine del prodotto mancante:
Imposta la tua immagine di riserva
Per scegliere un'immagine di backup personalizzata, applica il filtro default con un URL immagine a tua scelta. In questo modo verrà visualizzata l'immagine di backup personalizzata se il valore dell'URL immagine è mancante o vuoto. Per aggiungere questo filtro, aggiungi |default:'' alla fine della variabile immagine con l'URL completo dell'immagine personalizzata, incluso https://, tra virgolette singole, in questo modo:
{{ event.image_url|default:'https://www.example.com/custom_image_url.jpg' }}
Visualizza in anteprima l’e-mail con un evento o un profilo che abbia un URL immagine e con uno in cui il valore manca o è vuoto, per verificare sia l’immagine dinamica sia quella di backup.
Risorse aggiuntive
- Come aggiungere la personalizzazione nei blocchi di testo
- Come costruire blocchi dinamici in un flusso e-mail
- Come creare un flusso attivato da metrica
- Come incorporare risorse direttamente in un’e-mail