MJML is een e-mail framework dat je helpt om HTML nieuwsbrieven eenvoudiger op te stellen. MJML zorgt er voor dat de tabellen, rijen en kolommen die je anders zelf in elkaar moet puzzelen om een goede nieuwsbrief te bekomen, voor jou omgezet worden naar de correcte structuur.
In MJML maak je nieuwsbrieven op volgens dezelfde theorie als een ‘gewone’ HTML-nieuwsbrief, maar je zal gebruik maken van HTML tags die beginnen met <mj-xxx>. De xxx zal dan de tag innemen die je op die moment gebruikt.
MJML bestaat ook uit een container, rijen en kolommenstructuur zoals je dit misschien wel kan kennen van het CSS framework Bootstrap.
Aan de slag met MJML
- Download het MJML startproject
- Unzip het project en plaats het op een makkelijk terug te vinden plaats. Je zal zien dat de projectstructuur er als volgt uit ziet:
- Installeer het project. Om aan de slag te gaan met MJML dien je Gulp en Node reeds geïnstalleerd te hebben. Mocht dit nog niet het geval zijn, lees artikel Aan de slag met Node en Gulp. Je zal zien dat er een package-lock.json bestand en een node_modules folder aangemaakt worden. Deze bevatten al je pakketten om je project te builden.
npm install- Start vervolgens je project met het Gulp command. Je zal zien dat er heel wat tekst zal bewegen in je console.
gulp
Je kan nu aan de slag om je nieuwsbrieven op te bouwen in je editor!