Marketingmails optimaliseren voor de donkere modus

In de e-maileditor kun je tijdens het bewerken een voorbeeld bekijken van hoe marketingmails er in de donkere modus uitzien, of voorbeelden genereren voor specifieke e-mailprogramma’s. Zo kun je ervoor zorgen dat ontvangers die je marketingmails in de donkere modus bekijken, deze zien zoals bedoeld.

Voorbeeld van de donkere modus bekijken in de e-maileditor

Om tijdens het bewerken over te schakelen naar een voorbeeld in donkere modus van je e-mail:

1. Klik in je HubSpot-account op Meer en navigeer vervolgens naar Marketing > E-mail. Als Meer niet in je account verschijnt, navigeer dan direct naar Marketing > E-mail.
2. Klik op de naam van een e-mailconcept.
3. Klik in de e-maileditor bovenaan de pagina op Weergaveopties en schakel vervolgens de schakelaar Voorbeeld in donkere modus in.

Voorbeeld van de donkere modus in specifieke clients

Om te zien hoe je e-mail eruitziet in specifieke browsers of e-mailclients waarin de donkere modus is ingeschakeld:

1. Klik in je HubSpot-account op Meer en navigeer vervolgens naar Marketing > E-mail. Als Meer niet in je account verschijnt, navigeer dan direct naar Marketing > E-mail.
2. Klik op de naam van een concept-e-mail.
3. Klik in de e-maileditor rechtsboven op 'Voorbeeld bekijken en testen ' en selecteer vervolgens 'Voorbeeld bekijken in een e-mailclient'.
4. Klik in het voorbeeldscherm linksboven op het vervolgkeuzemenu 'Kies voorbeeldtype' en vink vervolgens het selectievakje naast elk voorbeeldtype aan. Om de beschikbare voorbeeldtypes voor de donkere modus te bekijken, typt u 'dark' in de zoekbalk.

5. Klik rechtsboven op 'Voorbeeld'.

Lees meer over best practices voor het ontwerpen van e-mails voor de donkere modus

Verschillende e-mailclients en browsers kunnen de donkere modus op verschillende manieren weergeven. Houd rekening met de volgende aanbevelingen bij het ontwerpen van e-mails die in de donkere modus worden bekeken:

• Gebruik afbeeldingen die zowel op een lichte als op een donkere achtergrond duidelijk zichtbaar zijn: converteer afbeeldingen naar transparante afbeeldingen in .png-formaat, zodat ze in de donkere modus naar verwachting worden weergegeven.
• Zorg ervoor dat alle tekst voldoende kleurcontrast heeft: houd je aan de richtlijnen voor toegankelijkheid van webcontent en zorg ervoor dat er voldoende contrast is tussen de tekst- en achtergrondkleuren.
• Voeg een mediaquery toe voor de donkere modus: sommige e-mailclients, zoals Apple Mail, bieden beperkte ondersteuning voor aangepaste opmaak met behulp van mediaquery’s. Je kunt de mediafunctie ‘ prefers-color-scheme ’ gebruiken om in te stellen hoe afbeeldingen en tekst in de donkere modus worden weergegeven. Deze optie is alleen beschikbaar voor e-mailsjablonen die in de ontwerpmanager zijn gemaakt.