E-mail builder: Contentelementen
Inhoudselementen zijn de bouwstenen die je in structuren plaatst. Elk elementtype verwerkt een specifiek type inhoud en heeft zijn eigen instellingen. Sleep elementen vanuit het elementenpaneel aan de linkerkant naar de kolommen op je canvas. Je kunt elementen ook slepen tussen structuren die al op het canvas staan.
Titel
Titelelementen creëren visuele hiërarchie in je e-mail — titels, sectiekoppen en subkoppen. Meerdere titelniveaus zijn beschikbaar (H1, H2, H3) met standaardstijlen ingesteld in je e-mailstijlpaneel. Gebruik koppen om lezers te helpen je bericht snel te scannen.
Tekst
Het tekstelement is bedoeld voor hoofdtekst. Klik erop om een rich-text-editor te openen waar je lettertype, grootte, kleur, uitlijning en afstand kunt opmaken. Je kunt links toevoegen, personalisatieplaatshouders invoegen en inline afbeeldingen opnemen. Voor voorwaardelijke tekstblokken kun je if-structuren rechtstreeks in tekstelementen gebruiken.
Lijn
Een horizontale lijn die secties visueel scheidt. Configureerbaar in kleur, dikte, breedte en opvulling.
Witruimte
Voegt verticale witruimte toe tussen elementen. Betrouwbaarder dan lege alinea's in tekstelementen, met name in verschillende e-mailclients.
Knop
Knoppen zijn je primaire call-to-action. Ze zijn zichtbaarder dan tekstlinks en maken de volgende stap onmiddellijk duidelijk. Volledig aanpasbaar: label, URL, kleur, opvulling, randradius en lettertype. Zie "Een call-to-action (knop) toevoegen" voor gedetailleerde instructies.
Afbeelding
Voeg afbeeldingen toe door het afbeeldingselement in een kolom te slepen. Upload rechtstreeks, kies uit je mediabibliotheek of plak een URL. Configureer na het plaatsen alt-tekst, een link, breedte en uitlijning in het rechterpaneel. Zie "Een (geanimeerde) afbeelding toevoegen" voor gedetailleerde instructies.
Sociale media
Voegt socialemediapictogrammen toe met links naar je profielen. Pictogrammen en URL's worden vooraf ingevuld vanuit de socialemedia-instellingen van je account via Instellingen > Sociale media. Je kunt kiezen welke platforms je wilt tonen en in welke volgorde.
Lijst
Een gestileerd opsommingslijstelement. Handig voor functieoverzichten, stappenlijsten of inhoud die beter leesbaar is als lijst. Ondersteunt personalisatieplaatshouders en links.
Support tip Je kunt elementen niet alleen slepen van het paneel naar het canvas, maar ook tussen structuren die al op het canvas staan. Pak een element en sleep het naar een nieuwe positie — binnen dezelfde structuur of naar een andere.
Elementstijl (elementinstellingen)
Nadat je op een element hebt geklikt, kun je het configureren via het elementstijlpaneel dat aan de rechterkant verschijnt. De exacte instellingen die je hier vindt, kunnen variëren afhankelijk van het geselecteerde element en of je momenteel de desktopversie of de mobiele versie van je e-mail bekijkt.
Alle instellingen in dit paneel worden gegroepeerd in secties zoals Inhoud, Lay-out, Zichtbaarheid, enz. en kunnen afzonderlijk worden geconfigureerd voor Desktop en Mobiel via de tabbladen bovenaan. Het elementstijlpaneel blijft gesynchroniseerd met je huidige weergave: als de mobiele versie van je element instellingen heeft die afwijken van zijn desktopequivalent, wordt dit aangegeven met een punt.
Veelgemaakte fouten om te vermijden
- Lege alinea's in tekstelementen gebruiken voor afstand. Deze gedragen zich inconsistent in e-mailclients. Gebruik in plaats daarvan een Spatie-element.
- Het HTML-element gebruiken zonder testen in verschillende clients. Inline HTML die er correct uitziet in één client, kan stukgaan in andere. Voer Berichtcontrole uit na het toevoegen van een HTML-element.
- Alt-tekst vergeten op afbeeldingselementen. Elke afbeelding zonder alt-tekst is onzichtbaar voor schermlezers en verschijnt als een leeg vak wanneer afbeeldingen zijn geblokkeerd. Vul het alt-tekstveld altijd in.
- Meerdere koptekstniveaus gebruiken zonder een duidelijke hiërarchie. H1 moet de hoofdartikeltitel zijn, H2 voor secties, H3 voor subsecties. Inconsistent gebruik van koppen maakt je e-mail moeilijker te scannen.
Volgende stappen
- Zie "Een call-to-action (knop) toevoegen" voor begeleiding bij het schrijven van effectieve knoplabels en positionering.
- Zie "Alt-teksten" voor begeleiding bij het schrijven van effectieve alt-tekst voor afbeeldingselementen.
- Zie "E-mail Builder: e-mailstijlinstellingen" om de standaardstijlen te configureren die alle elementen overnemen.