E-mailtemplates voor webshops

Wat je downloadt en wat je nog moet instellen

De bibliotheek biedt zes educatieve HTML-bestanden: welkom, winkelwagen, na aankoop, heractivatie, lancering en nieuwsbrief. Elk bevat een eenvoudige structuur, kop, voorbeeldtekst en oproep tot actie. Je kunt ze in een browser openen en bewerken. Het zijn geen klantcampagnes of berichten die met je winkel verbonden zijn.

Een HTML-bestand beschrijft de presentatie. Een sjabloon in het eigen formaat van een emailplatform kan modules, tags en editoropties bevatten. Een flow voegt ontvangers, gebeurtenissen, wachttijden en regels toe. Downloaden maakt die koppeling niet, stelt geen automatisering in en verandert voorbeeldtekst niet in productgegevens.

Wil je eerst invalshoeken vergelijken, lees dan de besproken emailmarketingvoorbeelden. Hier gaat het om het aanpassen van een educatieve basis tot een eigen bericht dat je vóór verzending kunt controleren.

Kies het bestand voor de taak

Kies niet alleen de kop die je het mooist vindt. Het sjabloon moet passen bij de situatie van de ontvanger en een bestemming die je kunt aanbieden. De tabel toont welke input nodig is; het HTML-bestand koppelt die gegevens niet automatisch.

Vervang voorbeeldinhoud in een duidelijke volgorde

Bewaar een origineel en bewerk een tweede bestand met een herkenbare naam. Vervang merk, kop, uitleg en oproep tot actie. De bestandslinks gaan als tijdelijke invulling naar example.com: vervang ze. Controleer ook links die je aan afbeeldingen, logo of voettekst toevoegt.

Schrijf eerst het doel op. Als de actie een onderhoudsgids lezen is, moet de knop geen collectie aankondigen. Stem prijzen, valuta, producten en voorwaarden af met de winkel. Verwijder zichtbare educatieve instructies uit het definitieve bericht en voeg een passende voettekst toe. Bewaar de gebruiksvoorwaarden bij je werkmateriaal.

Vervanglijst

• Merknaam, afzender en een beheerde antwoordmailbox.
• Producten, afbeeldingen, links, taal en aanbiedingsvoorwaarden.
• Voorbeeldteksten en interne instructies die klanten niet moeten ontvangen.

Personalisatie: geschreven tekst is geen variabele

De bestanden bevatten geen universeel systeem voor variabelen. Een naam, gekocht artikel of winkelwagen tonen vraagt om de syntaxis en gegevens van jouw platform. Plak geen tags van een ander hulpmiddel in de verwachting dat ze werken. Bepaal ook wat zichtbaar wordt als een naam of eigenschap ontbreekt.

Leg per veld bron, geldig voorbeeld en terugvaloptie vast. Controleer bij een product titel, variant, URL en afbeelding samen: alleen een zichtbare variabele is niet genoeg. Een lege winkelwagen of geannuleerde bestelling kan betekenen dat je niet moet verzenden. Die beslissing hoort bij het instellen van automatiseringen.

HTML importeren of platformmodules nabouwen

Controleer de mogelijkheden van je hulpmiddel voordat je veel wijzigingen aanbrengt. Ondersteunt het HTML-import, bekijk het resultaat dan in de editor. Werk je met platformmodules, gebruik het bestand als referentie voor de opbouw. Geen van beide routes garandeert dat ieder onderdeel daarna op dezelfde manier bewerkbaar is.

Voeg onderwerp en voorbeeldtekst toe in de daarvoor bedoelde velden. Stel afzender, antwoordadres en waar nodig tracking in. Test bestemmingen ingelogd én uitgelogd. Een link die voor een winkelbeheerder werkt, kan voor een koper mislukken. De opdracht voor tekst en ontwerp moet aangeven of je een ontwerp, HTML of platformimplementatie ontvangt.

Leesbaarheid, afbeeldingen en tekstversie

De downloadbare structuur gebruikt tekst in plaats van een afbeelding van de volledige email. Houd belangrijke keuze-informatie leesbaar als je afbeeldingen toevoegt. Beschrijf links met woorden die hun bestemming aangeven. Controleer lange namen, knoppen, witruimte en lezen op een smal scherm.

W3C onderscheidt informatieve en decoratieve afbeeldingen bij tekstalternatieven. Beschrijf bij toegevoegde foto’s nuttige informatie zonder het hele bericht te herhalen; behandel versiering als versiering. Beoordeel contrast en grootte op het definitieve ontwerp, niet alleen op het lege sjabloon.

Maak of controleer de platte tekstversie in je platform. Betekenis, noodzakelijke links en afmelding moeten behouden blijven, zonder bewerkingstags of interne instructies. Lees deze versie zelfstandig: de boodschap moet begrijpelijk zijn wanneer de visuele vormgeving wegvalt.

Identiteit, toestemming en afmelding vóór verzending

De educatieve melding is geen verzendvoettekst. Voeg afzenderidentiteit, toepasselijke voorwaarden en het afmeldmechanisme van je platform toe. Vervang dat niet door een algemene homepage-link of een onbeheerd adres.

Controleer naast het uiterlijk ook of de doelgroep het bericht mag ontvangen. Een sjabloon downloaden geeft geen toestemming om mensen te benaderen. Test regels met zowel een uitgesloten als een geschikte contactpersoon. Los ontbrekende toestemmingsinformatie of aanbiedingsvoorwaarden op voordat je inplant; vormgeving kan die niet vervangen.

Test concreet gedrag en leg de overdracht vast

Richt controles op concrete fouten: een verkeerde link, ontbrekende variabele, ongeschikte bestelinhoud of kapotte afmelding. Klaviyo vermeldt dat een voorbeeldweergave niet al het gedrag van een echte verzending nabootst. Gebruik gecontroleerde testaccounts wanneer je dat gedrag moet verifiëren.

Bewaar het definitieve bestand, testgegevens, interne ontvangers en de goedkeuringsdatum. Verander je later een URL, variabele of instapvoorwaarde, herhaal dan de betrokken controle. De overdracht is klaar wanneer versie en controles vaststaan, niet alleen wanneer de browser de HTML opent.

Acceptatiecontroles

• Controleer mobiel en de emailprogramma’s die bij het project horen.
• Test links, personalisatie, afzender, antwoordadres en afmelding.
• Bevestig product, toestemming, uitsluitingen en de verantwoordelijke voor goedkeuring.

Toestemming voor het gebruik van deze bestanden

De meegeleverde voorwaarden staan gebruik en aanpassing voor je eigen merk toe en verbieden doorverkoop als sjabloonbibliotheek. De bestanden worden niet aangeboden als opensourcelicentie of als toestemming voor afbeeldingen en materialen van derden die je toevoegt.

Bewaar deze voorwaarden bij je werkkopie en controleer de rechten op je eigen materiaal. Een zorgvuldige aanpassing omvat merkidentiteit én de informatie en werking die de ontvanger nodig heeft.

Bronnen en meer informatie

• Klaviyo — How to preview and send test emails
• W3C WAI — Images Tutorial