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 scoprirai anche quali sono i compromessi nell'utilizzo di caratteri personalizzati e come scegliere un carattere supportato dalla più ampia gamma di caselle di posta in arrivo.

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 e-mail supportano i caratteri personalizzati e molti client popolari (come Gmail e Yahoo) non li supportano.

This content requires Functional cookies to be enabled.

Update Cookie Settings

Termini chiave

• Carattere personalizzato
  Qualsiasi carattere che non sia fornito di default nell'editor di Klaviyo
• Carattere web
  Un carattere personalizzato che deve essere caricato 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 stragrande maggioranza dei computer e dei dispositivi, quindi puoi offrire 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. Per evitare che accada, valuta di selezionare un font personalizzato sicuro per il web, disponibile sulla maggior parte dei dispositivi indipendentemente dal supporto dei font web.

Scopri i caratteri compatibili per il web, insieme a una panoramica del supporto per dispositivo.

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. Nel menu a discesa dei caratteri, clicca su Aggiungi carattere in fondo.
3. Nella finestra modale che appare sullo schermo, scegli Carattere Google, Carattere Adobe o Importa carattere, a seconda dell'origine del tuo carattere.
4. Segui le istruzioni nelle sezioni qui sotto per il tuo tipo di carattere (Google, Adobe o caratteri importati).

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.

This content requires Functional cookies to be enabled.

Update Cookie Settings

Aggiungi ulteriori varianti a un carattere personalizzato già esistente

Puoi sempre modificare, eliminare o aggiornare le varianti scelte per i caratteri personalizzati in Brand e immagini > Caratteri.

Aggiornamento di un carattere esistente

Per selezionare ulteriori varianti 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. Trova 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 che appare.
6. Clicca su # varianti del carattere selezionate per espandere l'elenco delle varianti del carattere.
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. Trova 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.

Tutti i messaggi in Klaviyo che attualmente utilizzano il carattere personalizzato passeranno immediatamente al carattere di riserva. Se aggiungi di nuovo il carattere, quelle e-mail inizieranno a utilizzarlo di nuovo.

Aggiungi un carattere di Google

Per aggiungere un carattere di Google:

1. Digita il nome del carattere di Google che desideri utilizzare.
2. Scegli un carattere di riserva.
3. Clicca su Aggiungi carattere.

Aggiungi un carattere di Adobe

I caratteri di Adobe sono disponibili solo per gli utenti che hanno un abbonamento attivo ad Adobe Fonts. Per aggiungere un carattere di Adobe:

1. Clicca su Carattere Adobe.
2. Incolla il tuo indirizzo CSS. L'indirizzo deve essere nel formato: https://use.typekit.com/123ABC.
3. Scegli un carattere di riserva.
4. Clicca su Aggiungi carattere.

Aggiungi un carattere importato

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 accesso a un team di sviluppatori, ti consigliamo di trovare un carattere Google o Adobe simile al carattere desiderato.

Per utilizzare un carattere importato:

1. Ospita 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.
2. 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.
3. Aggiungi il nome, lo spessore e lo stile del carattere nei campi corrispondenti.
4. Scegli un carattere di riserva.
5. 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, se usi Poppins (un carattere di Google) come carattere personalizzato e Arial come carattere di riserva, i destinatari delle e-mail vedranno 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 nel tuo modello, inclusi:

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

Per applicare un carattere personalizzato in un blocco di testo:

1. Seleziona il blocco di testo contenente il testo a cui vuoi applicare il carattere.
2. Evidenzia la parte di testo specifica a cui vuoi applicare il carattere.
3. Seleziona il carattere personalizzato dal menu a discesa.

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