Come ospitare un carattere personalizzato sul tuo sito

Cosa imparerai

Impara a caricare un font personalizzato (ovvero che non è supportato da Google o Adobe) sul tuo e-commerce per utilizzarlo nel modulo d'iscrizione di Klaviyo. Se desideri utilizzare un font importato nel tuo modulo d'iscrizione, ci sono due opzioni possibili:

1. Utilizza il font pubblico ospitato sul tuo sito web.
2. Ospitare pubblicamente il carattere e usare l'URL per importarlo nei moduli di iscrizione.

Utilizza il carattere del tuo sito web

Per iniziare, puoi usare l'URL pubblico del tuo sito per caricare il carattere in Klaviyo.

1. Accedi al tuo sito.
2. Fai clic con il tasto destro del mouse per selezionare Ispeziona o Ispeziona elemento, a seconda del tuo browser.
3. Da lì, vai su Rete > Caratteri.
4. Aggiorna la pagina.
   Vedrai elencati tutti i tuoi caratteri. Se il nome del carattere non viene visualizzato e vedi invece una stringa di numeri e lettere, seleziona la scheda Anteprima per decidere quale font utilizzare nel tuo modulo di iscrizione.
5. Sotto Nome, fai clic sul carattere che vuoi importare.
6. Seleziona la scheda Intestazioni.
7. Copia l'URL del carattere che vuoi utilizzare.
8. In Klaviyo, vai su Contenuto > Immagini e marchio > Caratteri.
9. Seleziona il font importato.
10. Carica il tuo font personalizzato incollando l'URL nell'indirizzo di origine.

Caricamento di un carattere self-hosted

Per iniziare, se non è già ospitato pubblicamente online, scarica il carattere che vuoi utilizzare. Tieni presente che il file deve essere in formato WOFF, WOFF2, TTF, EOT o SVG per essere utilizzato in Klaviyo. Inoltre, presta attenzione ai file di caratteri che scarichi da Internet, perché possono contenere malware. A quel punto:

1. Carica il carattere nelle risorse del tuo sito di e-commerce. Dovrai farlo all'interno del codice del tuo sito.
2. Salvalo.

Rivolgiti ai centri di assistenza delle rispettive piattaforme di e-commerce per avere maggiori informazioni su come aggiungere una risorsa al tuo sito.

• Shopify
• BigCommerce

Una volta ottenuto l'URL, torna su Klaviyo e seleziona Contenuto > Immagini e marchio > Caratteri. Da qui, clicca sulla scheda Importa e importa il tuo font.

Font del sito modificato da Klaviyo.js

Per poter pubblicare i moduli di iscrizione di Klaviyo sul suo sito web, il tracciamento Active on site di Klaviyo (Klaviyo.js) deve essere installato manualmente o attraverso l'integrazione del tuo e-commerce. Se hai caricato solo alcune varianti di caratteri, Klaviyo.js carica le varianti rimanenti nella libreria quando viene inserito nel tuo sito. Per questo motivo, i caratteri del tuo sito potrebbero essere leggermente modificati in questo processo. Ad esempio, il peso dell'intestazione del sito potrebbe essere diverso. 

Esistono due opzioni per risolvere le modifiche apportate da Klaviyo.js ai caratteri. Puoi:

• Cancellare i caratteri interessati dalla libreria di caratteri di Klaviyo. 
• Aggiornare il CSS dell'intestazione del tuo sito in modo che non venga sovrascritto quando Klaviyo.js carica le varianti aggiuntive. 
  

  Poiché questa opzione richiede una conoscenza approfondita dei CSS, potrebbe essere necessaria l'assistenza di uno sviluppatore. Klaviyo non può offrire assistenza per l'adeguamento del CSS del tuo sito, tuttavia disponiamo di una vasta rete di partner.

Risorse aggiuntive

• Come utilizzare i caratteri personalizzati nei moduli di iscrizione
• Corso: Come creare una strategia di acquisizione efficace utilizzando i moduli di iscrizione
• Come aggiungere caratteri personalizzati nei modelli di e-mail