Imparerai
Scopra le annotazioni delle e-mail, che le consentono di visualizzare le informazioni chiave nella vista elenco delle caselle di posta Gmail (cioè, prima che qualcuno apra l'e-mail). Le annotazioni via e-mail le consentono di evidenziare un affare o un'offerta (ad esempio, un codice coupon), o di visualizzare immagini di prodotti direttamente nella casella di posta.
Il codice necessario per implementare le annotazioni di Gmail è supportato solo nelle e-mail personalizzate in HTML o ibride. Non è possibile utilizzare questo codice con l'editor di e-mail drag-and-drop di Klaviyo.
Raccomandiamo l'uso delle annotazioni e-mail solo ai marketer tecnicamente esperti, o a chiunque abbia accesso a uno sviluppatore. Sebbene il nostro prodotto fornisca assistenza per questa funzione, il nostro team di assistenza non può aiutarla a costruire il suo modello personalizzato, oltre ad offrire le indicazioni generali contenute in questa documentazione. Per mantenere la sicurezza dei suoi dati, il team di assistenza di Klaviyo non è in grado di aprire i suoi file HTML.
Informazioni sulle annotazioni e-mail
Le annotazioni e-mail sono supportate nelle caselle di posta elettronica di Gmail mobile per gli utenti con la scheda Promozioni abilitata. Queste annotazioni appaiono solo nella scheda Promozioni, non nella casella di posta principale.
Ci sono 3 tipi di annotazioni:
-
Affare/offerta
Evidenzi un affare o un'offerta, come un codice coupon o la spedizione gratuita, includendo la data di scadenza dell'affare. -
Carosello di prodotti
Visualizza un carosello di immagini di prodotti, includendo facoltativamente i dettagli del prodotto, come il nome e il prezzo. -
Immagine singola
Mostra un'immagine singola, con un testo aggiuntivo opzionale.
L'aggiunta di questo codice fornisce a Gmail l'opzione di visualizzare le annotazioni per la sua e-mail. Anche se un'e-mail contiene il codice per le annotazioni, queste potrebbero non essere visualizzate da tutti i destinatari. Gmail sceglie quando e come visualizzare le annotazioni in base alle impostazioni del destinatario e alla densità della casella di posta.
Prima di iniziare
Google mantiene una lista di mittenti che possono utilizzare le annotazioni. Prima di utilizzare le annotazioni, deve richiedere l'aggiunta del suo marchio a questa allowlist.
Per richiedere a Google di aggiungerla alla lista delle annotazioni, invii un'e-mail a p-Promo-Outreach@google.com con le seguenti informazioni:
- Tutti i domini (ad esempio, example.com)
- Tutti i sottodomini (ad esempio, send.example.com, blog.example.com, marketing-messages.example.com)
- L'URL della sua pagina di destinazione (ad esempio, la sua homepage).
Qualsiasi codice di annotazione aggiunto ai suoi messaggi sarà ignorato fino a quando non sarà aggiunto alla lista dei permessi di Google, il che può richiedere 7-10 giorni lavorativi o più.
Klaviyo non ha visibilità sul processo di allowlisting e non può accelerare la sua richiesta. Se ha domande sul processo di whitelisting o sullo stato della sua richiesta, si rivolga a p-Promo-Outreach@google.com.
Aggiungere annotazioni alle sue e-mail
Aggiunga il seguente codice all'interno della sezione corpo del suo modello di e-mail HTML per aggiungere le annotazioni e-mail. Sono disponibili 3 tipi di annotazioni:
Affare fatto
<div itemscope itemtype="http://schema.org/DiscountOffer">
<meta itemprop="description" content="DESCRIPTION"/>
<meta itemprop="discountCode" content="DISCOUNT_CODE"/>
<meta itemprop="availabilityStarts" content="START_DATE_TIME"/>
<meta itemprop="availabilityEnds" content="END_DATE_TIME"/>
</div>
Sostituisca i seguenti segnaposto nel codice:
-
DESCRIZIONE
Una breve (1-2 righe) descrizione testuale dell'offerta. -
CODICE_SCONTO
Il codice che il destinatario può inserire al momento del checkout per ricevere l'offerta. -
DATA_INIZIO_ORA
La data/ora di inizio dell'offerta, utilizzando il formato ISO 8601. -
END_DATE_TIME
La data/ora di fine offerta, utilizzando il formato ISO 8601.
Carosello di prodotti
<div itemscope itemtype="http://schema.org/PromotionCard">
<meta itemprop="image" content="IMAGE_URL1"/>
<meta itemprop="url" content="PROMO_URL1"/>
// Opzionalmente, includa le seguenti proprietà della PromotionCard:
<meta itemprop="headline" content="HEADLINE1"/>
<meta itemprop="prezzo" content="PREZZO1"/>
<meta itemprop="prezzoValuta" content="PREZZO_CURRENZIA1"/>
<meta itemprop="discountValue" content="DISCOUNT_VALUE1"/
< meta itemprop="posizione" content="POSIZIONE"/>
</div>
// Costruisce la seconda immagine di anteprima nel suo carosello di prodotti:
<div itemscope itemtype="http://schema.org/PromotionCard">
<meta itemprop="image" content="IMAGE_URL2"/>
<meta itemprop="url" content="PROMO_URL2"/>
// Opzionalmente, includa le seguenti proprietà della PromotionCard:
<meta itemprop="headline" content="HEADLINE2"/>
<meta itemprop="prezzo" content="PREZZO2"/>
<meta itemprop="prezzoValuta" content="PREZZO_CURRANZIA2"/>
<meta itemprop="discountValue" content="DISCOUNT_VALUE2"/
< meta itemprop="posizione" content="POSIZIONE"/>
</div>
// Per includere altre anteprime di immagini, aggiunga altri oggetti PromotionCard.
// Può includere fino a 10 anteprime di immagini in un carosello di prodotti.
Sostituisca i seguenti segnaposto nel codice:
-
IMAGE_URL1, IMAGE_URL2, ecc.
L'URL di un'immagine del prodotto da visualizzare nel carosello. I rapporti d'aspetto supportati sono 4:5, 1:1 e 1.91:1. Il rapporto d'aspetto di ogni immagine deve essere lo stesso. -
PROMO_URL1, PROMO_URL2, ecc.
L'URL di una pagina di destinazione per i destinatari che cliccano sull'immagine del prodotto. -
HEADLINE1, HEADLINE2, ecc.
Una breve descrizione di 1-2 righe del prodotto. -
PREZZO1, PREZZO2, ecc.
Il prezzo base del prodotto (solo numero, senza valuta). -
PREZZO_CURRENZIA1, PREZZO_CURRENZIA2, ecc.
Il codice di valuta di 3 lettere (ad esempio, USD) per il prezzo dell'articolo. -
VALORE_SCONTO1, VALORE_SCONTO2, ecc.
Se applicabile, l'importo di un articolo scontato (solo numero, senza valuta). -
POSIZIONE
(Opzionale) un numero che indica la posizione di questo elemento nel carosello.
Immagine singola
<div itemscope itemtype="http://schema.org/PromotionCard">
<meta itemprop="image" content="IMAGE_URL1"/>
<meta itemprop="url" content="PROMO_URL1"/>
</div>
Sostituisca i seguenti segnaposto nel codice:
-
IMMAGINE_URL1
L'URL di un'immagine del prodotto da visualizzare nel carosello. I rapporti d'aspetto supportati sono 4:5, 1:1 e 1.91:1. -
PROMO_URL1
L'URL di una pagina di destinazione per i destinatari che cliccano sull'immagine del prodotto.
Informazioni sull'estrazione automatica delle annotazioni
A volte, Google estrae automaticamente i dati delle e-mail per aggiungere annotazioni, anche quando il mittente non ha aggiunto il codice descritto sopra. Questo avviene a discrezione di Google e non può essere controllato dal mittente.
Risoluzione dei problemi delle sue annotazioniRisoluzione dei problemi delle sue annotazioni
Google ha dei requisiti molto severi per le annotazioni. Se le sue annotazioni non appaiono dopo aver seguito i passi descritti sopra, provi a seguire questi passaggi di risoluzione dei problemi.
Si assicuri che il suo marchio sia inserito nell'elenco degli autorizzatiSi assicuri che il suo marchio sia inserito nell'elenco degli autorizzati
Google mantiene una allowlist di un elenco limitato di marchi che sono approvati per l'utilizzo delle annotazioni e-mail, al fine di prevenire lo spam e gli abusi. Si rivolga a Google utilizzando i passi descritti sopra, quindi attenda 7-10 giorni lavorativi per una risposta. Non c'è alcuna garanzia che il suo marchio venga aggiunto alla allowlist una volta richiesto, in quanto ciò è gestito a esclusiva discrezione di Google.
Controlli la qualità dell'immagineControlli la qualità dell'immagine
Tutte le immagini utilizzate per le annotazioni via e-mail devono passare attraverso un filtro di qualità. Se le sue immagini non soddisfano i requisiti di Google, non verranno visualizzate nella casella di posta.
Si assicuri che le sue immagini soddisfino questi criteri:
- Alta qualità (cioè, superiore a 500 KB)
- Hanno pochissimo testo, se non addirittura nessuno.
- Rettangolare (non utilizzi una maschera per rendere l'immagine rotonda, o di altra forma)
- Sono almeno 256x256px
Non utilizzi immagini uniche per ogni destinatario
Le immagini devono essere le stesse per tutti i destinatari. Può aggiungere parametri di tracciamento unici all'url della promo, ma non all'URL dell'immagine. Utilizzando uno strumento che crea immagini CID (cioè immagini uniche per ogni destinatario), le sue annotazioni non appariranno nella casella di posta.
Consideri il limite di densità di GmailConsideri il limite di densità di Gmail
Google ha un limite di densità che limita il numero di immagini che i destinatari possono vedere nella loro casella di posta. Ciò significa che se nella casella di posta di un destinatario sono già presenti diverse e-mail recenti con annotazioni, la sua potrebbe non apparire per mantenere la casella di posta non ingombrata. Questa limitazione è implementata a esclusiva discrezione di Google e non può essere controllata dal mittente.
Le annotazioni sono per gli invii in blocco, non per le anteprime.Le annotazioni sono per gli invii in blocco, non per le anteprime.
L'invio di un'e-mail di prova a 1 o 2 destinatari in genere non comporta la comparsa di annotazioni nella casella di posta. La funzione di annotazioni è limitata agli invii massivi, quindi è probabile che le annotazioni appaiano solo quando un messaggio viene inviato a >100 destinatari.
Le annotazioni sono supportate nella scheda promozioni dell'app mobile Gmail.Le annotazioni sono supportate nella scheda promozioni dell'app mobile Gmail.
Le annotazioni non sono supportate in altre caselle di posta Gmail, tra cui:
- Gmail in qualsiasi browser (ad esempio, il sito mobile o desktop)
- Qualsiasi scheda diversa dalle Promozioni
- Le caselle di posta per gli utenti che non hanno attivato la scheda Promozioni nelle loro impostazioni Gmail