Artikelen

Efficiënt e-mailtemplates maken

De kracht van macro's voor jouw templates

Wanneer je e-mails verzendt aan je klanten of prospects wil je dat die er goed uitzien. In jouw huisstijl, gepersonaliseerd en natuurlijk responsive. Om dat voor elkaar te krijgen, zul je aan de slag moeten met e‑mailtemplates. Om het opbouwen van die templates in HTML en CSS makkelijker, sneller en krachtiger te maken, kun je in Flowmailer gebruik maken van zogeheten macro's.

Wat zijn macro's?

Macro’s zijn stukjes code die je steeds opnieuw kunt gebruiken. Ze stellen je in staat om onderdelen die je in meerdere e-mails wilt gebruiken op te slaan als standaard en aan te roepen, waar en wanneer jij ze nodig hebt. Het principe van een macro is dan ook vrij simpel: plaats een stukje code in een macro, en je kunt die op elk moment in een nieuw template gebruiken. Zo kun je de structuur van je e-mail vast bepalen, standaardfooters ontwerpen en blokken aanmaken die in elke e-mail dezelfde layout hebben, maar qua tekst wel kunnen verschillen.

Wat kun je met macro's?

Je kunt macro's gebruiken voor code of items die je vaak nodig hebt. Denk aan headers, footers, bepaalde aanhef, orderlijsten en nog veel meer. Om met macro's aan de slag te gaan, moet je drie dingen weten:

  1. De basis van een macro
  2. Hoe parameters werken
  3. Hoe nested content werkt

De basis

Stel: Je wilt een aantal welkomstmails opstellen, gebaseerd op de verschillende diensten die je levert. Je ontwikkelt daarvoor een header die je op al die e-mails wilt toepassen. De macro die je daarvoor ontwikkelt, komt er dan als volgt uit te zien:

Dit is een sterk versimpeld voorbeeld van een macro

Deze macro kun je vervolgens in je templates aanroepen. Dat doe je door de naam die je aan de macro hebt gegeven te gebruiken in een tag. Omdat in bovenstaand voorbeeld de macronaam "welkom" is, ziet dat er zo uit:

Je kunt deze macro nu overal waar je wilt gebruiken. In dit voorbeeld gaat het om een stuk tekst die aan het begin van de e-mail komt te staan, maar macro's zijn vrij te plaatsen. Wanneer de macro aangeroepen wordt, wordt de aanroep (<@welkom/>) vervangen met de code die tussen de aangeroepen macro tags staat. Zo ontstaat er bij het aanroepen van de welkom-macro de volgende HTML:

Parameters

Parameters zijn aanpasbare instellingen in je macro. Ze helpen je om van één macro meerdere versies te kunnen maken. Denk bijvoorbeeld aan een tekstblokje met een achtergrondkleur. Je wil natuurlijk niet één macro maken voor een paarse achtergrond, één voor een rode, enzovoorts. Door de parameter ‘achtergrondkleur’ in te stellen, heb je maar één macro nodig, maar kun je die op verschillende manieren inzetten. Op deze manier kun je de font- size en tekst uit het vorige voorbeeld ook aanpasbaar maken:

Het aanroepen van die macro ziet er dan als volgt uit:

De output is vervolgens in dit voorbeeld gelijk aan de output van het vorige voorbeeld. Parameters stellen je echter in staat om dezelfde macro op verschillende manieren in te zetten. Hoewel in dit voorbeeld de tekst-parameter relatief kort is, is het vaak niet handig om tekst met een parameter aan te roepen. Hiervoor gebruiken we nested content.

Nested Content

Stel: Je wilt weer een aantal welkomstmails opstellen, maar met verschillende copy. Je verstuurt in verschillende talen, bijvoorbeeld. Dan wil je nog steeds dat de opmaak van je aanhef gelijk blijft. De macro die je daarvoor ontwikkelt, komt er dan als volgt uit te zien:

In de macro hierboven komt de tag <#nested/> voor, waarvoor bepaald is dat de H1 tag standaard 32px is. Uiteraard kun je ook nog steeds de parameters uit het vorige voorbeeld meegeven:

De nested tag <#nested/> wordt bij aanroepen vervangen door de code die binnen die aanroep geplaatst is. Daarvoor is het nodig om de aanroep af te sluiten, in tegenstelling tot het eerdere voorbeeld <@welkom/>:

Door de nested content te varieren, kun je verschillende teksten op dezelfde manier opmaken: Hierdoor kun je nu in het template zelf de inhoud van de macro bepalen:

Template 1: Engelse variant van de aanhef
Template 2: Nederlandse variant van de aanhef

De twee templates roepen dus beiden dezelfde macro aan, maar kunnen door nested content allebei andere content weergeven. Wel ziet de aanhef er in de uiteindelijke e-mail precies hetzelfde uit qua styling, dankzij de HTML code in de macro.

Meer uit je templates halen

Uiteraard zijn de voorbeelden zoals hierboven genoemd sterk vereenvoudigd. Je kunt nog veel meer met macro's, parameters en nested content, maar dit artikel richt zich op het basisbegrip van hoe macro's werken. Macro's maken het creëren van templates veel makkelijker en bieden je de kracht van herhaling die je vaak nodig hebt in e-mail.

Templates in Flowmailer

Met Flowmailer bouw je krachtige templates voor al je transactionele e-mailstromen. Verrijkt met de features die je nodig hebt, op de momenten dat je het wilt. Met macro's haal je nog meer uit je transactionele e-mail, hou je tijd over door besparing op ontwikkelkosten en e-mail je altijd in jouw stijl!

⏴terug naar artikelen