Så här hostar du ett anpassat teckensnitt på din webbplats

Du kommer att lära dig

Lär dig hur du laddar upp ett typsnitt, alltså ett typsnitt som inte är hostat av Google eller Adobe, till din e-handelswebbplats för att importera det i dina Klaviyo-registreringsformulär. Om du vill använda ett importerat typsnitt i ditt registreringsformulär finns det två alternativ:

1. Använd det offentliga teckensnitt som finns på din webbplats.
2. Hosta ditt eget typsnitt offentligt och använd webbadressen för att importera ditt typsnitt till dina registreringsformulär.

Använda webbplatsens teckensnitt

Till att börja med kan du använda den offentliga URL:en på din webbplats för att ladda upp teckensnittet i Klaviyo.

1. Gå till din webbplats.
2. Högerklicka för att välja Inspektera eller Inspektera element, beroende på din webbläsare.
3. Navigera sedan till Nätverk > Typsnitt.
4. Aktualisera sidan.
   Du kommer att se alla dina teckensnitt listade. Om namnet på teckensnittet inte fylls i och du istället ser en sträng med siffror och bokstäver, välj fliken förhandsgranskning för att bestämma vilket teckensnitt du vill använda i ditt registreringsformulär.
5. Under Namn klickar du på det teckensnitt som du vill importera.
6. Välj fliken Rubriker.
7. Kopiera webbadressen till det typsnitt du vill använda.
8. I Klaviyo navigerar du till Innehåll > Bilder och varumärke > Teckensnitt.
9. Välj Importera teckensnitt.
10. Ladda upp ditt anpassade teckensnitt genom att klistra in URL i källadressen.

Ladda upp ett självhostat teckensnitt

Börja med att ladda ner det typsnitt du vill använda till din dator, om det inte redan är hostat online på en publik plats. Observera att filen måste vara i formatet WOFF, WOFF2, TTF, EOT eller SVG för att kunna användas i Klaviyo. Var också försiktig när du laddar ner teckensnitt från internet, eftersom de kan innehålla skadlig programvara. Sedan:

1. Ladda upp teckensnittet till din e-handelswebbplatsens resurser. Detta måste göras direkt i webbplatsens källkod.
2. Spara ändringarna.

För mer information, besök respektive e-handelsplattformens hjälpcenter för att läsa mer om hur du lägger till en resurs på din webbplats.

• Shopify
• BigCommerce

När du har URL:en navigerar du tillbaka till Klaviyo och väljer Innehåll > Bilder och varumärke > Teckensnitt. Klicka sedan på fliken importera teckensnitt och importera ditt teckensnitt.

Webbplatsens teckensnitt påverkas av Klaviyo.js

Klaviyos aktiva spårning på webbplatsen (Klaviyo.js), måste installeras manuellt eller via din e-handelsintegration för att kunna publicera Klaviyo-registreringsformulär på din webbplats. Om du bara har laddat upp vissa teckensnittsvariationer, laddar Klaviyo.js automatiskt resten av variationerna i ditt bibliotek när det injiceras på din webbplats. På grund av detta kan teckensnitten på din webbplats ändras något i processen, till exempel att vikten på sidans rubrik kan justeras. 

Det finns två alternativ för att hantera eventuella ändringar som Klaviyo.js gör i dina teckensnitt. Du kan antingen:

• Ta bort de relevanta teckensnitten från ditt Klaviyos bibliotek med teckensnitt. 
• Uppdatera CSS i sidhuvudet på din webbplats så att det inte skrivs över när Klaviyo.js läser in de extra variationerna. 
  

  Eftersom det här alternativet kräver djupgående kunskaper om CSS kan du behöva hjälp av en utvecklare. Klaviyo kan tyvärr inte hjälpa till med att justera CSS för din webbplats, men vi har ett stort partnernätverk.

Ytterligare resurser

• Så här använder du anpassade teckensnitt i registreringsformulär
• Kurs: Skapa en effektiv förvärvsstrategi med hjälp av registreringsformulär
• Hur lägger jag till egna teckensnitt i e-postmallar?