Hoe maak je een basis template

Leer hoe je een basis e-mailtemplate maakt in Klaviyo. Als je eenmaal een basis template hebt gemaakt, kun je die in al je campagnes en flows gebruiken om je bouwproces te versnellen en ervoor te zorgen dat je branding consistent is in alle berichten. 

Voordat je van start gaat

Een basispagina template bevat belangrijke onderdelen zoals een koptekst, inhoud en een voettekst. Navigeer naar het sjabloon Content >  en klik op Maken om te beginnen. Volg dan de onderstaande stappen om herbruikbare inhoud toe te voegen aan je template. 

1. Basisstijlen instellen

Stel je basisstijlen in voordat je een individueel blok gaat stylen. Deze stijlen, zoals lettertype, kleuren, opvulling en meer, zijn van toepassing op alle blokken op je template. 

Het toevoegen van basisstijlen maakt het gemakkelijker om je branding toe te passen en het vermindert ook het gewicht van je code, waardoor het gemakkelijker wordt om clipping te vermijden in Gmail.

Om basisstijlen toe te voegen: 

1. Klik op Stijlen (naast Inhoud).
   
   
   Als je Weergaveopties ziet naast het tabblad Stijlen in plaats van Inhoud, klik dan op Gereed om uit de stijlinstellingen van het blok/de sectie te navigeren, die alleen van toepassing zijn op dat blok of die sectie. 
2. Stel een achtergrondkleur in voor je template en inhoud, samen met marge en opvulling. We raden aan om de breedte-instelling op 600px te laten staan voor optimale compatibiliteit met de inbox aanbieder.
   
3. Voeg tekststijlen toe, waaronder lettertypen, lettergroottes, kleuren en spatiëring. Zorg ervoor dat u stijlen instelt voor normale tekst, evenals voor H1, H2, H3 en H4. U kunt deze kopstijlen gebruiken voor opvallende tekst in uw e-mail. Ontdek hoe u een aangepast lettertype in uw e-mail kunt gebruiken.
   
4. Voeg een linkkleur en -stijl toe.
   
5. Selecteer de valuta van uw webshop in het menu Valuta. Het geselecteerde valutasymbool wordt overal gebruikt waar de {% currency_format … %} tag template
   
6. Als Mobiele optimalisatie is ingeschakeld, voeg dan mobiele instellingen toe. Deze verschijnen wanneer iemand je e-mail opent op een mobiel apparaat. Meer informatie over mobiele optimalisatie.
   

2. Bouw een koptekst 

Nadat je je e-mailstijlen hebt ingesteld, voeg je de koptekst toe. Over het algemeen bevatten headers een logo, belangrijke links en soms een bannerfunctie met informatie over je laatste verkoop of de VIP-status van ontvangers. 

1. Als je template al een headerbalk heeft, update deze dan met je eigen logo. Je kunt ook een Header-blok slepen en je logo toevoegen. Leer de beste werkwijzen voor afbeeldingsgrootte en -kwaliteit. 
   
2. Selecteer een indeling in de indelingsmenu's Desktop en Mobiel ( bijvoorbeeld Logo inline voor desktop en Stack all voor mobiel). Vergeet niet dat mobiele apparaten veel kleinere schermen gebruiken dan desktopcomputers, dus het stapelen van inhoud kan het makkelijker maken om te lezen en te navigeren. 
3. Voeg in het gedeelte Inhoud de belangrijkste navigatielinks toe. Klik op het prullenbakpictogram om links te verwijderen of op Links toevoegen om ze toe te voegen. Veelgebruikte links in je header zijn: nu winkelen, nieuw binnengekomen, over, uitverkoop, veelgestelde vragen of een selectie van productcategorieën.
   
4. Pas de blokstijlen aan in de secties onder je linkinhoud. Als je een stijlinstelling wilt toepassen op je hele e-mail, gebruik dan het tabblad Stijlen zoals hierboven beschreven. 
5. Klik op Klaar om terug te gaan naar de hoofdopties voor het bewerken van template.

Optionele functies banner toevoegen

Je kunt een functiebanner boven of onder je headerbalk plaatsen.

1. Sleep een tekstblok naar dezelfde sectie als je linkbalk. 
   
2. Stel de achtergrond in op een accentkleur en voeg een uitgelicht bericht toe, zoals "Gebruik code WELKOM voor 15% korting op je eerste bestelling!".
3. Controleer of je functiebanner en linkbalk in dezelfde sectie staan door met de muis over de ruimte links of rechts van het blok te gaan. Een grijze sectierand moet beide blokken omringen als ze zweven, en deze wordt blauw als er op de sectie wordt geklikt.
   
4. Optioneel: Klik op het sterpictogram om de sectie op te slaan als universele inhoud. Universele blokken en secties kunnen worden gebruikt in meerdere sjablonen en je kunt alle instanties van het blok/de sectie tegelijk bewerken. Meer informatie over universele content. 

3. Inhoud toevoegen

1. Sleep een Sectieblok uit de sectie Indeling van de zijbalk Inhoud en plaats het onder je koptekst.
   
2. Plaatshouderblok toevoegen voor de inhoud van je e-mail. Dit kunnen tekstblokken zijn met beschrijvingen van je merk of promotieberichten, veelgebruikte indelingen die je van plan bent te gebruiken, placeholder productafbeeldingen en meer. Leer hoe je inhoud naast elkaar plaatst met behulp van kolommen, blok splitsen en tabellen.
   

4. Maak een voettekst

Klaviyo vereist dat je een afmeldingslink in je e-mail opneemt, en deze wordt meestal in de voettekst geplaatst. Daarnaast worden deze voettekstelementen aanbevolen: 

• Je bedrijfsadres
• Een link naar je privacybeleid 
• Links naar je sociale profiel (bijv. Facebook, Instagram, Twitter, Tiktok) 
• Een link naar je website
• Een link voor e-mailvoorkeuren

Om een voettekst toe te voegen aan je basispagina template:

1. Sleep een nieuwe sectie onder je bodysectie of bewerk de standaard voettekst.
2. Voeg een tekstblok toe.
3. Klik op Personalisatie. 
4. Zoek in het veld Personalisatie zoeken naar "afmelden".
5. Selecteer afmelden om een afmeldingslink tag aan je tekstblok toe te voegen.
6. Gebruik ditzelfde menu om een organisatieadres toe te voegen, voorkeursinstellingen te beheren, een link naar de webweergave toe te voegen en meer.
   
7. Wanneer je de e-mail verstuurt, worden deze tags vervangen door de juiste tekst of links.
   
8. Sleep vervolgens een blok Sociale links naar template, direct boven het tekstblok uit de vorige stappen. 
9. Selecteer je sociale kanaal in de dropdown om ze toe te voegen aan het blok.
   
10. Voeg in het veld Linkadres voor elk sociaal kanaal een link naar je profiel toe. 
11. Kies een pictogramstijl.
    
12. Klik op Klaar om terug te gaan naar de hoofdopties voor het bewerken van template.
13. Optioneel kun je het hele voettekstgedeelte opslaan als universele inhoud. 

5. Voorbeeld

Zodra je een koptekst, inhoud en een voettekst hebt toegevoegd, bekijk je een voorbeeld van de e-mail. 

1. Klik op Voorbeeld & test in de rechterbovenhoek van de e-mail editor. 
2. schakelaar tussen desktop en mobiel om er zeker van te zijn dat de template in beide formaten naar wens wordt weergegeven. 
3. Klik op Test verzenden om een testmail naar je eigen postvak te sturen. 
4. Klik op Klaar om het voorbeeldvenster te sluiten. 
5. Klik op Opslaan om je template op te slaan. 

Als je de basis template hebt opgeslagen, kun je die gebruiken als basis voor alle toekomstige campagnes en flow e-mail. 

Volgende stappen

• cursus: Best practices om de inhoud van je e-mail te verbeteren
• Sjablonen maken, bewerken, verwijderen en beheren
• Een voornaam toevoegen aan een e-mail of sms
• Hoe template blok en secties tonen of verbergen op basis van dynamische variabelen