Wat je leert

Wat je leert

Leer hoe je een aangepaste HTML template importeert in Klaviyo. 

We raden het gebruik van aangepaste HTML alleen aan voor technisch onderlegde marketeers, of voor iedereen die toegang heeft tot een ontwikkelaar. Hoewel ons product support aangepaste HTML bevat, kan ons supportteam je niet helpen bij het maken van je eigen sjabloon, afgezien van de algemene richtlijnen in deze documentatie. Om de veiligheid van je gegevens te waarborgen, kan Klaviyo's supportteam je HTML-bestanden niet openen.

Een aangepaste HTML uploaden template

Een aangepaste HTML uploaden template

Aangepaste HTML-sjabloon moet .html zijn bestanden en moet een afmeldingslink bevatten (d.w.z. een {% unsubscribe %} of {% unsubscribe_link %} tag). Meer informatie over afmelden op Klaviyo.  

  1. Navigeer naar de sjabloon Inhoud > .
  2. Selecteer de tab E-mailtemplate
  3. Klik op Importeren.
  4. Voer een naam in en upload het HTML-bestand van je template.
  5. Upload alle afbeeldingen of activa waarnaar wordt verwezen in je HTML.
  6. Klik op sjabloon importeren.

Het exporteren van een template gebouwd in Klaviyo's sleep-en neerzet-editor en het dan terug importeren in Klaviyo wordt niet aanbevolen en kan problemen veroorzaken met de functionaliteit van template's. 

Verwijderen van niet-ondersteunde templatetag en variabelen

Als je een template exporteert vanuit een andere e-mailserviceprovider, kan deze tag en variabelen bevatten die niet worden ondersteund door Klaviyo. Voordat je je HTML-bestand importeert, moet je deze tag verwijderen (en eventueel vervangen door Klaviyo templatetag).

Zie bijvoorbeeld het bericht en de HTML hieronder. Dit bericht is geëxporteerd vanuit een andere e-mailserviceprovider en bevat tags voor het huidige jaar, het adres van een bedrijf en meer. Deze externe tags zijn niet compatibel met Klaviyo.

Een template met niet-ondersteunde tag

De HTML van een template die een niet-ondersteunde tag bevat

Klaviyo templatetag staan tussen accolades. Variabelen worden omgeven door twee paar accolades (bijv, {{ first_name }}), en templatetags worden omgeven door een paar accolades en procenttekens (bijv, {% unsubscribe %}). Als de tag templateen variabelen in je template worden aangeduid met andere tekens, dan zal Klaviyo ze niet support.

Afbeeldingen en bijlagen toevoegen (optioneel)

Afbeeldingen en bijlagen toevoegen (optioneel)

Je kunt naar afbeeldingen en bijlagen verwijzen door een zipbestand te uploaden dat je bijlagen bevat en ernaar te verwijzen met hun bestandsnaam in je template.

Wanneer je klikt om je template te importeren, worden deze afbeeldingen en assets automatisch toegevoegd aan ons CDN en worden hun referenties bijgewerkt in je template.

Verborgen voorbeeldtekst toevoegen aan een aangepaste HTML template

Verborgen voorbeeldtekst toevoegen aan een aangepaste HTML template

Als je de voorbeeldtekst wilt instellen voor een aangepaste HTML template (in plaats van inboxen de voorbeeldtekst uit je berichtinhoud te laten halen), voeg dan het onderstaande codeblok toe aan je template. Deze code moet direct na de opening <body> tag van je template worden toegevoegd.

<div style="display:none; font-size:1px; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden;"> 
 Voeg hier voorbeeldtekst in.
</div>
Emoji's en aangepaste HTML-sjabloon

Emoji's en aangepaste HTML-sjabloon

Vanaf februari 2024 worden alle emoji's ondersteund in alle Klaviyo Email editors (d.w.z. de drag-and-drop editor, hybride editor, text-only editor en aangepaste HTML editor).
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