Imparerai
Scopra come aggiungere un'immagine dinamica a una notifica push.
Le immagini dinamiche sono un ottimo modo per personalizzare le sue notifiche push. Per esempio, può mostrare a qualcuno l'esatto prodotto che ha favorito, con cui ha iniziato un checkout o che ha acquistato.
Prima di iniziarePrima di iniziare
Può utilizzare immagini dinamiche in:
- Flussi innescati dalle metriche, utilizzando i dati degli eventi (ad esempio, gli articoli di un checkout o di un ordine effettuato) o i tag del catalogo per un evento.
- Campagne e flussi attivati da elenchi e segmenti, ma solo quando l'URL dell'immagine esiste come proprietà personalizzata nel profilo del destinatario.
Inoltre, tenga presente quanto segue riguardo alle immagini dinamiche push:
- Per ogni notifica push è consentita solo 1 immagine dinamica.
- Le immagini devono essere inferiori a 1 MB.
- Può utilizzare le dichiarazioni condizionali con le immagini dinamiche.
Vuole richiedere una funzionalità per le notifiche push di Klaviyo? Compili questo modulo Google per parlarcene!
Aggiungere un'immagine dinamica a una notifica push
- Selezioni il messaggio in cui desidera includere la sua immagine dinamica.
- Nella barra laterale sinistra, faccia clic su Configura contenuto o Modifica.
- Aggiunga o selezioni la notifica push nel flusso.
- Clicchi sull'icona Visualizza dettagli nell'angolo superiore destro.
- Trovi la fonte di dati per l'immagine che desidera includere.
- Clicchi sull'origine dei dati della prima variabile di un'immagine, che in genere termina con 0.
- A sinistra, clicchi sull'icona Inserisci media nella casella Corpo.
- Vada alla scheda Immagine dinamica.
- Incolla la variabile dinamica o l'URL dinamico dell'immagine.
- Clicca su Salva.
- Verifichi che l'immagine dinamica sia stata aggiunta correttamente, accertandosi che ne appaia una nella schermata di anteprima.
Esempio di utilizzo dei tag del catalogo
Può anche utilizzare i tag del catalogo per aggiungere immagini dinamiche in una ricca notifica push. Per farlo:
- Vada su Analytics > Metriche.
- Selezioni la metrica che desidera utilizzare (ad esempio, Prodotto ordinato).
- Clicchi su Dettagli per un evento specifico.
- Trovi la SKU o l'etichetta ID del prodotto.
- Copi l'etichetta del tag (eccetto le parentesi o i due punti), in modo da avere l'esatta ortografia e capitalizzazione.
Nell'esempio seguente, copiamo "ProductID."
- Lo incolli in un posto dove non lo perderà.
- Passa a un flusso attivato dalla stessa metrica appena selezionata.
- Selezioni la notifica push in cui desidera includere la sua immagine dinamica.
- Nella barra laterale sinistra, faccia clic su Configura contenuto o Modifica.
- A sinistra, clicchi sull'icona Inserisci media nella casella Corpo.
- Vada alla scheda Immagine dinamica.
- Incolli il seguente tag di catalogo:
{% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Sostituisca id in {% catalog event.id %} con l'etichetta che ha copiato in precedenza.
Esempio: {% catalog event.ProductID %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Clicchi su Salva.
Esempio di utilizzo di dichiarazioni condizionali per immagini dinamiche
Le immagini dinamiche possono utilizzare dichiarazioni condizionali.
Di seguito è riportato un esempio di dichiarazione if/else per dire che se c'è un'immagine variante, la mostri ai destinatari; altrimenti, utilizzi 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 %}
Si noti che il formato esatto di queste dichiarazioni dipende dalla sua integrazione e non deve copiarle dai modelli di e-mail.