Iedere dag ontvangen we met zijn allen een enorme hoeveelheid e-mails in onze inbox. Binnen e-mailmarketing wordt het steeds een grotere uitdaging om die aandacht van zijn ontvanger te grijpen in de inbox. Maar hoe? Goed gebruik van de preheader biedt hier een prima oplossing. Wist je dat je de tekst in je preheader ook kan aanpassen?
Wat is nou precies die preheader?
Die eerste paar regels van je <body>-tag in de HTML broncode van je e-mail is de preheader (ook wel snippet genoemd). Weet je nog niet waar ik het over heb? Dan komen de volgende zinnetjes bovenaan een e-mail je vast bekend voor:
- Is deze mail niet goed leesbaar? Klik hier voor de webversie
- U ontvangt deze nieuwsbrief omdat u bent ingeschreven voor…
- Bekijk deze e-mail met afbeeldingen
Bekende e-mailprogramma’s zoals Gmail, Outlook en ook de e-mailclient op de iPhone tonen deze tekst (of een gedeelte hiervan) direct na het onderwerp van een e-mail in je inbox. Dat is dus een uitgelezen kans om je boodschap nog sneller en duidelijker aan je ontvanger over te brengen.
Het belang van je preheader
E-mailmarketeers gebruiken de preheader vrij vaak om lezers te verwijzen naar de webversie van de e-mail, naar een mobiele versie of nemen een afmeldlink op. Die laatste twee opties zijn op zich slimme toepassingen. Met name de laatste wekt al wat meer vertrouwen bij je ontvangers omdat ze zien dat ze zich ook meteen kunnen afmelden.
Maar deze links hebben geen nut wanneer de ontvanger je e-mail niet opent. Gebruik daarom de preheader om je ontvanger te overtuigen jouw e-mail te openen. Voeg bijvoorbeeld een extra incentive toe of benoem een prikkelend onderwerp in je preheader dat nog niet in je onderwerpregel stond.
Hoe ga je te werk?
De preheader voeg je toe bovenin de <body>-tag van je e-mail. Dat ziet er dan ongeveer als volgt uit:
<body>
<table border="0" cellpadding="0" cellspacing="0" align="center" summary="wrappingtable">
<tr>
<td >
Is deze mail niet goed leesbaar? Bekijk dan hier de <a href="# ">webversie</a>.
</td>
</tr>
Waarna je de rest van je HTML-code plaatst.
Maak je gebruik van marketingsoftware? Dan is het mogelijk een extra tekstblok aan je e-mailtemplate toe te voegen. Zo is het mogelijk voor andere gebruikers van je template om zelf een preheader in te vullen. Dan ziet de code er zo uit:
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%" summary="">
<tr><td> Dit is een voorbeeld van een snippet</td></tr>
<tr>
<td align="center">
<a href="#" title="Bekijk de webversie">Bekijk de webversie als de nieuwsbrief niet goed wordt getoond »</a>
</td>
</tr>
Verschillende e-mailprogramma’s zoals Thunderbird en Windows Live gebruiken een verticaal previewvenster. Wanneer dat voorkomt, krijg je een gecentreerde snippet maar gedeeltelijk te zien. Om zeker te zijn of je preheader correct wordt weergegeven, test je best de weergave van je e-mails met behulp van een previewtool (Litmus bijvoorbeeld).
Verschillende gebruiksmethodes van preheader
De preheader gebruik je op verschillende manieren binnen je e-mails.
- Zichtbare tekstmethode: Bij deze methode voeg je een leesbare tekst toe. Denk bijvoorbeeld aan een kort samenvatting van je e-mail of een call-to-action. De tekst is dan te zien achter de onderwerpregel en in de e-mail zelf. Probeer de tekst in je preheader altijd kort en bondig te formuleren. Er is niet veel ruimte beschikbaar. (in Gmail heb je met onderwerpregel en snippet ongeveer 100 karakters).
- Onzichtbare tekstmethode:Hierbij plaats je de tekst in de kleinste lettergrootte en je geeft de tekst dezelfde achtergrondkleur als die van je e-mail. Wanneer de ontvanger je e-mail opent, is de preheader niet te zien. Maar de tekst is wel leesbaar naast de onderwerpregel in je inbox. Dit is een handige methode wanneer je de e-mail een wat ‘nettere’ uitstraling wilt geven. Het oogt beter omdat er geen tekst bovenin je e-mail te zien is.Pas wel op met deze methode! Spamfilters zijn namelijk gevoelig voor tekst met eenzelfde kleur als de achtergrond.
- Methode van de onzichtbare pixel: Hierbij plaats je een <img>-tag met daarin een transparante pixel van 1×1 na de <body>-tag. De alt-tag die je meegeeft aan deze pixel vul je aan met de tekst die je als preheader gebruikt. E-mailclients tonen dan de alt-tekst in plaats van de pixel in de preview van de mail. Zodra je ontvanger de e-mail opent, wordt de pixel getoond. De bovenkant van je e-mail bevat geen tekst en behoudt zijn vorm.
Testen, testen, testen
Ook voor je preheader ontdek je wat wel en wat niet werkt door simpelweg te testen. Pas ook op frequente basis je preheader aan. Een trouwe lezer van je e-mails hoeft geen 10 keer te lezen dat hij “deze mail ontvangt omdat hij is ingeschreven voor je nieuwsbrief”.
