Wat je leert

Wat je leert

Leer hoe je een lettertype (dat niet wordt gehost door Google of Adobe) uploadt naar je e-commercesite om in je aanmeldingsformulieren van Klaviyo te importeren. Als je een geïmporteerd lettertype in je aanmeldingsformulier wilt gebruiken, zijn er 2 opties:

  1. Gebruik het openbare lettertype dat gehost wordt op je website.
  2. Host je eigen lettertype openbaar en gebruik de URL om je lettertype in je aanmeldingsformulieren te importeren.
In dit artikel leer je hoe je een aangepast lettertype uploadt naar je e-commercesite voor gebruik in je formulieren, niet in je e-mailtemplates. Voor informatie over het toevoegen van aangepaste lettertypes aan e-mailtemplates, ga je naar ons artikel over aangepaste lettertypen in e-mailtemplates.
Het lettertype van je website gebruiken

Het lettertype van je website gebruiken

Om te beginnen kun je de openbare URL op je site gebruiken om het lettertype te uploaden in Klaviyo.

Houd er rekening mee dat deze methode voor het hosten van een aangepast lettertype niet wordt ondersteund voor Shopify-webshops.

  1. Ga naar je site.
  2. Klik met de rechtermuisknop en selecteer Inspecteren of Element inspecteren, afhankelijk van je internetbrowser.
  3. Navigeer van daaruit naar Netwerk > Lettertypen.
  4. Vernieuw de pagina.
    Al je lettertypen staan nu in de lijst. Als de naam van het lettertype niet wordt getoond en je in plaats daarvan een reeks cijfers en letters ziet, selecteer dan de voorbeeldweergave om te bepalen welk lettertype je wilt gebruiken in je aanmeldingsformulier.
  5. Klik onder Naam op het lettertype dat je wilt importeren.
  6. Selecteer het tabblad Kopteksten.
  7. Kopieer de URL van het lettertype dat je wilt gebruiken.
  8. Navigeer in Klaviyo naar Content > Afbeeldingen en merk > Lettertypen.
  9. Selecteer Lettertype importeren.
  10. Upload je aangepaste lettertype door de URL te plakken in het bronadres.
Een zelfgehost lettertype uploaden

Een zelfgehost lettertype uploaden

Download om te beginnen het lettertype dat je wilt gebruiken naar je computer als het lettertype nog niet openbaar online wordt gehost. Houd er rekening mee dat het bestand in WOFF-, WOFF2-, TTF-, EOT- of SVG-formaat moet zijn om in Klaviyo te kunnen worden gebruikt. Wees ook voorzichtig met het downloaden van lettertypebestanden van het internet, omdat ze malware kunnen bevatten. Voer vervolgens de volgende stappen uit:

  1. Upload het lettertype naar de componenten van je e-commercesite. Je moet dit in de code van je site doen.
  2. Sla de aanpassingen op.

Ga naar het helpcentrum van het betreffende e-commerceplatform voor meer informatie over het toevoegen van een component aan je site.

Zodra je de URL hebt, ga je terug naar Klaviyo en selecteer je Content > Afbeeldingen en merk > Lettertypen. Klik hier op het tabblad Lettertype importeren en importeer je lettertype.

Het menu Lettertype importeren van het tabblad Afbeeldingen en branding binnen Klaviyo.

De invloed van Klaviyo.js op website-lettertypes

De invloed van Klaviyo.js op website-lettertypes

Klaviyo's tracking van Actief op Website (Klaviyo.js), moet handmatig of via je e-commerce-integratie worden geïnstalleerd om aanmeldingsformulieren van Klaviyo op je website te publiceren. Als je slechts enkele lettertypevariaties hebt geladen, laadt Klaviyo.js de resterende variaties in je bibliotheek wanneer deze in je site wordt geïnjecteerd. Hierdoor kunnen de lettertypen op je site tijdens dit proces iets anders uitzien. De koptekst van de site kan bijvoorbeeld vetter of minder vet lijken. 

Er zijn 2 opties voor het oplossen van wijzigingen in je lettertypen door Klaviyo.js. Je kunt het volgende doen:

  • De relevante lettertypes verwijderen uit je lettertypebibliotheek van Klaviyo. 
  • De CSS van de koptekst van je site bijwerken, zodat deze niet wordt overschreven wanneer Klaviyo.js de extra variaties laadt. 

    Omdat deze optie diepgaande kennis van CSS vereist, heb je mogelijk de hulp van een ontwikkelaar nodig. Klaviyo kan geen hulp bieden bij het aanpassen van de CSS van je site, maar we hebben wel een uitgebreid partnernetwerk.

Extra hulpbronnen

Extra hulpbronnen

 

Was dit artikel nuttig?
Gebruik dit formulier alleen voor feedback op artikelen. Meer informatie over hoe je contact opneemt met support.

Ontdek meer van Klaviyo

Community
Maak contact met collega's, partners en Klaviyo-experts om inspiratie op te doen, inzichten te delen en antwoorden te krijgen op al je vragen.
Live training
Neem deel aan een live sessie met Klaviyo-experts voor meer informatie over best practices, het instellen van belangrijke functies en andere onderwerpen.
Support

Krijg ondersteuning via je account.

E-mailsupport (gratis proefperiodes en betaalde accounts) 24/7 beschikbaar

Chat-/virtuele assistentie
Beschikbaarheid varieert per locatie en type abonnement