Wil je meer flexibiliteit en controle over de opmaak van je e-mails? Dan kun je HTML gebruiken in je templates. HTML (HyperText Markup Language) is de codetaal die wordt gebruikt om webpagina's en e-mails te structureren en op te maken.
HTML in MarktMentor
MarktMentor's drag-en-drop editor biedt een HTML-blok waarmee je je eigen HTML-code kunt toevoegen aan je templates. Dit geeft je de mogelijkheid om:
Complexe layouts te creëren: Bouw e-mails met meerdere kolommen, tabellen en andere geavanceerde elementen.
Dynamische inhoud toe te voegen: Gebruik variabelen om gepersonaliseerde en dynamische content te tonen.
Je eigen stijl toe te passen: Pas de stijl van je e-mails aan met CSS (Cascading Style Sheets).
Voorbeeld: Productafbeelding met titel
Gebruik variabelen exact zoals ze zijn geschreven, zonder extra spaties. De variabele {{product.image}} levert een URL. Gebruik deze URL als het src-attribuut van een img-element.
Gebruik voor de productafbeelding <img src="{{product.image}}" alt="{{product.title}}">. Toon de producttitel vet met <strong>{{product.title}}</strong>.
HTML aanpassen
Je kunt de HTML-code aanpassen aan je eigen wensen en huisstijl. Enkele voorbeelden:
Lettertype: Verander het lettertype door de
font-familystijl aan te passen, bijvoorbeeld:font-family: Arial, sans-serif;.Lettergrootte: Verander de lettergrootte door de
font-sizestijl aan te passen, bijvoorbeeld:font-size: 14px;.Kleur: Verander de tekstkleur door de
colorstijl aan te passen, bijvoorbeeld:color: #FF0000;(rood).Afbeelding: Gebruik in het
src-attribuut de URL van je eigen afbeelding of de variabele{{product.image}}.Rand: Pas de stijl van de rand aan door de
borderstijl te wijzigen, bijvoorbeeld:border: 2px dashed #0000FF;(blauwe stippellijn).
Tips voor het gebruik van HTML
Kennis van HTML: Zorg ervoor dat je basiskennis hebt van HTML voordat je HTML-code toevoegt aan je templates.
Test je e-mails: Controleer altijd hoe de HTML-code wordt weergegeven in verschillende e-mailprogramma's en op verschillende apparaten.
Gebruik HTML spaarzaam: Gebruik HTML alleen voor elementen die je niet kunt toevoegen met de drag-en-drop editor.