Come inserire un'immagine dinamica in un'e-mail
Cosa imparerai
Scopri l'opzione Immagine dinamica in un blocco immagine e-mail, incluso come trovare il tag di personalizzazione giusto da usare e aggiungerlo a un modello 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 esempio, eventi di checkout avviato per un flusso del carrello abbandonato) nelle e-mail del flusso attivate da una metrica. Le immagini memorizzate nei dati dell'evento non possono essere visualizzate nelle campagne o nei flussi attivati non basati su metrica, che possono usare solo immagini memorizzate sul profilo del destinatario come Proprietà del profilo.
Archiviazione di immagini per campagne e flussi attivati da trigger non basati su metriche
Per visualizzare un’immagine dinamica in una campagna o in un flusso attivato senza metrica (ovvero un flusso attivato da un elenco, un segmento o una data), devi archiviare un URL dell’immagine (ad esempio, https://www.klaviyo.com/static/klaviyo-social-share-image.jpg) nelle Proprietà del profilo di ogni 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 Aggiungi al carrello), puoi usare i dati del profilo archiviati utilizzando i metodi descritti sopra oppure usare i dati dell’evento dalla 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.
- Clicca su Anteprima e test.
- 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 tuo tag, trascina un blocco immagine nel tuo messaggio.
- Fai clic su Seleziona immagine > Immagine dinamica.
- Incolla il tag nel campo Variabile dinamica o URL dinamico.
- 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 proprio profilo o nei dati evento, valuta l’uso di un’immagine di backup in modo che l’area non appaia vuota. Esistono 2 modi per aggiungere un’immagine di backup:
Usa il filtro prodotto mancante
Aggiungi il filtro prodotto mancante alla fine della variabile immagine dinamica per utilizzare l’immagine di backup predefinita di Klaviyo. Per aggiungere questo filtro, aggiungi |missing_product_image dopo la variabile dell’immagine dinamica, così:
{{ event.image_url|missing_product_image }}
Se a chi riceve l’e-mail manca un’immagine, vedrà invece l’immagine prodotto mancante:
Imposta la tua immagine di riserva
Per scegliere un’immagine di backup personalizzata, applica il filtro predefinito con un URL dell’immagine a tua scelta. Verrà visualizzata la tua immagine di backup personalizzata se un destinatario non ha un’immagine impostata. Per aggiungere questo filtro, aggiungi |default:'' alla fine della variabile dell'immagine con l'URL della tua immagine personalizzata tra le virgolette singole, così:
{{ event.image_url|default:'www.example.com/custom_image_url.jpg' }}
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