Hoe je een aangepaste HTML-template importeert
Wat je leert
Meer informatie over hoe je een aangepaste HTML-template in Klaviyo importeert.
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 wel ondersteuning biedt voor aangepaste HTML, kan ons supportteam je niet helpen bij het opzetten van je aangepaste templates, behalve door de algemene richtlijnen te geven die in deze documentatie worden behandeld. Om de veiligheid van je gegevens te waarborgen, kan het supportteam van Klaviyo je HTML-bestanden niet openen.
Upload een aangepaste HTML-template
Aangepaste HTML-templates moeten .html bestanden zijn en moeten een afmeldingslink bevatten (d.w.z. een {% unsubscribe %}- of {% unsubscribe_link %}-tag). Meer informatie over afmelden in Klaviyo.
- Ga naar Content > Template.
- Selecteer het tabblad E-mailtemplates.
- Klik op Importeren.
- Voer een naam in en upload het HTML-bestand van je template.
- Upload alle afbeeldingen of assets waarnaar wordt verwezen in je HTML.
- Klik op Template importeren.
Het exporteren van een template die is gemaakt in Klaviyo's editor voor slepen en neerzetten en deze vervolgens weer importeren in Klaviyo wordt niet aanbevolen en kan problemen veroorzaken met de functionaliteit van de template.
Niet-ondersteunde templatetag en variabelen verwijderen
Wanneer je een template exporteert van een andere ESP, kan deze tags en variabelen bevatten die niet worden ondersteund door Klaviyo. Voordat je je HTML-bestand importeert, verwijder je die tags (en vervang je ze, indien nodig, door Klaviyo-personalisatietags).
Bekijk bijvoorbeeld het bericht en de HTML hieronder. Dit bericht is geëxporteerd uit een andere ESP en bevat tag voor het huidige jaar, het adres van een bedrijf en meer. Deze externe tag zijn niet compatibel met Klaviyo.
Klaviyo-templatetags 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 templatetags en variabelen in je template worden aangeduid met andere tekens, ondersteunt Klaviyo ze niet.
Afbeeldingen en bijlagen toevoegen (optioneel)
Je kunt naar afbeeldingen en bijlagen verwijzen door een zipbestand te uploaden met je bijlagen en er in je template naar te verwijzen op bestandsnaam.
Wanneer je klikt om je template te importeren, worden deze afbeeldingen en assets automatisch toegevoegd aan onze CDN en worden de verwijzingen in je template bijgewerkt.
Voeg verborgen voorbeeldtekst toe aan een aangepaste HTML-template
Als je de previewtekst voor een aangepaste HTML-template wilt instellen (in plaats van inboxen de previewtekst uit de inhoud van je bericht te laten halen), voeg je 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;">
Insert preview text here.
</div>Emoji's en aangepaste HTML-templates
Vanaf februari 2024 worden alle emoji's ondersteund in alle Klaviyo Email-editors (d.w.z. de drag-and-drop-editor, hybrid editor, teksteditor en aangepaste HTML-editor).