Come ospitare un carattere personalizzato sul tuo sito

Cosa imparerai

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

1. Utilizza il carattere pubblico ospitato sul tuo sito web.
2. Ospita pubblicamente il carattere e usa l'URL per importarlo nei moduli d'iscrizione.

Utilizzare 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 > Carattere.
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 carattere utilizzare nel tuo modulo d'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 Importazione carattere.
10. Carica il tuo carattere personalizzato incollando l'URL nell'indirizzo sorgente.

Caricare 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 Importazione carattere e importa il tuo carattere.

Carattere del sito modificato da Klaviyo.js

Per poter pubblicare i moduli d'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:

• Eliminare 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 d'iscrizione
• Corso: Come creare una strategia di acquisizione efficace utilizzando i moduli d'iscrizione
• Come aggiungere caratteri personalizzati nei modelli di e-mail