Come aggiungere caratteri personalizzati nei modelli di e-mail

Cosa imparerai

Scopri come aggiungere nuovi tipi di caratteri all'editor dei modelli di e-mail di Klaviyo, in modo che le tue e-mail rispecchino lo stile del tuo marchio. In questo articolo imparerai inoltre quali sono i limiti dell'utilizzo di caratteri personalizzati e come scegliere un carattere che sia compatibile con la più ampia varietà di caselle di posta elettronica. 

Nelle tue e-mail puoi utilizzare Google Fonts, Adobe Typekit o caratteri importati (cioè self-hosted). Tuttavia, tieni presente che solo alcune caselle di posta elettronica supportano i caratteri personalizzati; questo vale anche per molti client popolari (come Gmail e Yahoo). 

Termini chiave

• Carattere personalizzato
  Qualsiasi carattere che non sia fornito di default nell'editor di Klaviyo 
• Carattere web
  Un carattere personalizzato da caricare da una fonte esterna 
• Carattere compatibile con il web
  Un carattere memorizzato localmente sulla maggior parte dei dispositivi che quindi non deve essere caricato da una fonte esterna per essere visualizzato 
• Carattere di riserva
  Un carattere compatibile con il web utilizzato nelle caselle di posta elettronica che non supportano il tuo specifico carattere personalizzato

Supporto e limitazioni dei caratteri personalizzati

I caratteri personalizzati possono contribuire a un approccio di marketing uniforme, allineando i contenuti delle e-mail con quelli dell'e-commerce. Tuttavia, i caratteri web (ossia i caratteri caricati da una fonte esterna non disponibili nella memoria di un dispositivo) potrebbero non essere visualizzati come previsto su tutti i dispositivi o client e-mail. I caratteri predefiniti di Klaviyo sono preinstallati sulla maggior parte dei computer e dei dispositivi, in modo da garantire un'esperienza uniforme per tutti gli iscritti. 

I client e-mail che supportano i caratteri web includono:

• Apple Mail
• iOS Mail (il browser e-mail predefinito su iOS)
• Google Android (tranne Android 2.3, che non supporta il metodo @import utilizzato da Google e Adobe per i caratteri)
• Samsung Mail (Android 8.0)
• Outlook per Mac

Caratteri personalizzati in Gmail e altre caselle di posta non supportate

I destinatari che utilizzano Gmail (o altre caselle di posta elettronica che non supportano i caratteri personalizzati) potrebbero visualizzare un carattere di riserva anziché il carattere personalizzato da te scelto. Puoi impostare il carattere di riserva nel tuo modello di e-mail. Se vuoi evitare questo inconveniente, valuta l'opzione di un carattere compatibile con il web, che quindi è presente sulla maggior parte dei dispositivi indipendentemente dalla loro capacità di supportare i caratteri web. 

Scopri i caratteri compatibili per il web insieme a informazioni dettagliate sui dispositivi che li supportano. 

Aggiungi un nuovo carattere personalizzato nell'editor dei modelli di e-mail 

Per aggiungere un carattere personalizzato a un modello e-mail: 

1. Apri un blocco di testo oppure la scheda Stili nel tuo modello.
2. Dal menu a discesa dei caratteri, scorri fino alla fine dell'elenco e clicca su Aggiungi carattere.
3. Nella finestra modale che appare sullo schermo, scegli Caratteri di Google, Caratteri di Adobe o Importazione carattere, a seconda dell'origine del tuo carattere.
4. Segui le istruzioni nelle sezioni sottostanti in base al tuo tipo di carattere (Google, Adobe o caricato).

Una volta aggiunto un carattere ai modelli di e-mail, questo diventa disponibile per tutti gli altri modelli e anche per i moduli di iscrizione.

Aggiungi ulteriori varianti a un carattere personalizzato già esistente

Puoi sempre modificare, eliminare o aggiornare le varianti selezionate per i caratteri personalizzati nella sezione Libreria del marchio > Caratteri.

Aggiornamento di un carattere esistente

Per selezionare delle varianti aggiuntive per un carattere personalizzato di Google o un carattere importato che hai già aggiunto: 

1. Vai su Contenuto > Immagini e marchio in Klaviyo.
2. Clicca su Caratteri.
3. Trovi il carattere che desideri modificare sotto I tuoi caratteri. 
4. Nella scheda del carattere, clicca sui tre puntini nell'angolo in alto a destra.
5. Clicca su Modifica nel menu apparso. 
6. Clicca su # varianti del carattere selezionate per espandere l'elenco delle varianti. 
7. Seleziona le nuove varianti da aggiungere.
8. Clicca su Aggiorna carattere.

Non puoi aggiungere le varianti di un carattere Adobe dopo averlo caricato, poiché queste sono integrate nel link di Typekit.   

Se appare il messaggio di errore: Esiste già un carattere con questo nome, segui i passi precedenti per modificare la versione già in uso del carattere, anziché aggiungerlo nuovamente. 

Eliminazione di un carattere

1. Vai su Contenuto > Immagini e marchio in Klaviyo.
2. Clicca su Caratteri.
3. Trovi il carattere che desideri modificare sotto I tuoi caratteri. 
4. Nella scheda del carattere, clicca sui tre puntini nell'angolo in alto a destra.
5. Clicca su Elimina nel menu che appare sullo schermo. 

Tutti i messaggi in Klaviyo che attualmente utilizzano il carattere personalizzato passeranno immediatamente al carattere di riserva. Aggiungendo di nuovo il carattere, le e-mail torneranno a utilizzarlo. 

Caratteri di Google

Per aggiungere un carattere Google basta semplicemente digitare il nome del carattere Google desiderato. Scegli un carattere di riserva e clicca su Aggiungi carattere. 

Caratteri di Adobe

I caratteri di Adobe sono disponibili solo per gli utenti che hanno un abbonamento attivo ad Adobe Fonts. Per aggiungere un carattere Adobe clicca su Carattere Adobe e incolla il tuo indirizzo CSS. L'indirizzo deve essere nel formato: https://use.typekit.com/123ABC

Scegli un carattere di riserva e clicca su Aggiungi carattere. 

Caratteri importati

I caratteri importati, chiamati anche caratteri in self-hosting, sono consigliati solo ai mittenti che dispongono di uno sviluppatore. Non è possibile caricare direttamente il file del carattere su Klaviyo. Se non hai un team di sviluppatori, ti consigliamo di trovare un carattere Google o Adobe simile al carattere desiderato. 

Per utilizzare un carattere importato, è prima di tutto necessario ospitare il carattere sui tuoi server o tramite un servizio di hosting per caratteri. Assicurati di abilitare la condivisione delle risorse tra origini incrociate (CORS) impostando l'intestazione Access-Control-Allow-Origin su *, in modo che il carattere sia accessibile alle caselle di posta dei destinatari. Scopri di più su CORS. 

Una volta che il carattere è stato collocato in hosting, clicca su Importa carattere nella finestra di dialogo Aggiungi carattere e incolla l'URL di hosting nel campo Indirizzo sorgente. Aggiungi il nome, lo spessore e lo stile del carattere nei campi corrispondenti. 

Infine, scegli un carattere di riserva e clicca su Aggiungi carattere. 

Informazioni sui caratteri di riserva

Con tutti i tipi di caratteri personalizzati, è necessario selezionare un carattere di riserva. Questo carattere viene visualizzato dai destinatari che utilizzano client che non supportano il carattere personalizzato da te selezionato. Scegli un carattere simile al tuo carattere personalizzato dall'elenco delle opzioni disponibili. 

Ad esempio, utilizzando Poppins (un carattere di Google) come carattere personalizzato e Arial come carattere di riserva, i destinatari delle e-mail vedono i seguenti caratteri: 

• I destinatari che aprono l'e-mail in un browser che supporta i caratteri web (ad esempio Apple Mail, iOS Mail) visualizzano Poppins 
• I destinatari che aprono l'e-mail in un browser che non supporta i caratteri web (come Gmail) visualizzano Arial

Come applicare un carattere personalizzato

Una volta impostato un carattere personalizzato, puoi applicarlo a qualsiasi testo presente nel tuo modello, tra cui: 

• Stili del modello principale 
• Stili di qualsiasi blocco 
• Una parte di testo specifica all'interno di un blocco di testo 
• Blocchi dei pulsanti, blocchi dei prodotti e qualsiasi altro tipo di blocco contenente testo 

In un blocco di testo, seleziona il testo a cui desideri applicare il carattere. Quindi, seleziona il carattere personalizzato dal menu a tendina. 

Per tutti gli altri tipi di blocco o per gli stili di blocco e di modello, seleziona il carattere dall'apposito menu a discesa.

Nei blocchi tabella e nei blocchi divisi, il tuo carattere personalizzato apparirà nell'area di lavoro (ad esempio nell'anteprima di modifica), ma non nel pannello sul lato sinistro. Il pannello di sinistra visualizzerà il tuo carattere di riserva invece del carattere personalizzato. 

Anteprima dei caratteri personalizzati 

Una volta che il modello è pronto, invia un'e-mail di anteprima alla tua casella di posta facendo clic su Anteprima e test > Invia test. Prova ad aprire il messaggio su vari dispositivi per vedere come apparirà ai diversi destinatari. Puoi anche utilizzare uno strumento come e-mail on Acid per visualizzare l'anteprima su una più ampia varietà di dispositivi. 

Risorse aggiuntive

• Guida all'editor di modelli di e-mail
• Come funzionano i caratteri nelle e-mail