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.
Importeer een aangepaste HTML-template
Als je een bestand uploadt, moet het een .html hebben. .csv-extensie. Marketingtemplates moeten een afmeldingslink bevatten. Gebruik {% unsubscribe %} om een link te genereren, of plaats {% unsubscribe_link %} in het href-attribuut van je eigen link. Meer informatie over afmelden in Klaviyo.
Het niet-marketing-selectievakje slaat de afmelden-controle over tijdens het importeren. Selecteer dit alleen als de template wordt gebruikt voor getriggerde e-mails die niet marketinggerelateerd zijn.
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.
- Ga naar Content > Template.
- Selecteer het tabblad E-mail: opgeslagen.
- Klik op Maken > E-mailtemplate importeren.
- Voer een naam in bij Templatenaam.
- Selecteer HTML-bestand uploaden en upload je .html bestand, of selecteer HTML plakken en plak je code in Template HTML.
- Als je HTML verwijst naar lokale afbeeldingen, upload dan een .zip bestand met deze bestanden onder Upload extra bestanden die worden gebruikt in de template. Bekijk hieronder de afbeeldingsvereisten.
- Klik op Template importeren.
Na een succesvolle import wordt het dialoogvenster gesloten en verschijnt je template op het tabblad E-mail: opgeslagen.
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.
Afbeeldingen toevoegen (optioneel)
Verpak lokale afbeeldingen in een .zip bestand en upload het in Upload extra bestanden die worden gebruikt in de template. De bestandsnaam en maplocatie van elke afbeelding in de ZIP moeten overeenkomen met de verwijzing in je HTML. Elke afbeelding mag niet groter zijn dan 10 MB.
Wanneer je je template importeert, uploadt Klaviyo de afbeeldingen waarnaar wordt verwezen uit de ZIP naar het content delivery network (CDN) en werkt het de verwijzingen ernaar bij in je template.
Als je afbeeldingen al online worden gehost, verwijs er dan naar met volledige http:// - of https:// -URL's. Je hoeft die afbeeldingen niet op te nemen in het ZIP-bestand.
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. Vervang Insert preview text here. door de previewtekst die je ontvangers wilt laten zien.
<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 e-maileditors (namelijk de drag-and-drop-editor, hybride editor, editor voor alleen tekst en aangepaste HTML-editor).