Marketinge-mails optimaliseren voor de donkere modus

In de e-maileditor kun je een voorbeeld bekijken van hoe marketinge-mails worden weergegeven in de donkere modus terwijl je aan het bewerken bent, of voorbeelden genereren voor specifieke e-mailclients. Dit kan ervoor zorgen dat ontvangers die je marketinge-mails in donkere modus bekijken, deze kunnen zien zoals bedoeld.

Een voorbeeld van de donkere modus weergeven in de e-maileditor

Zo schakelt u tijdens het bewerken over naar een voorbeeld van uw e-mail in donkere modus:

1. Ga in je HubSpot-account naar Marketing > E-mail.
2. Klik op de naam van een opgestelde e-mail.
3. Klik in de e-maileditor op Weergaveopties boven aan de pagina en schakel de schakelaar voor de donkere modus in.

Voorvertoning donkere modus in specifieke clients

Als u wilt zien hoe uw e-mail wordt weergegeven in specifieke browsers of e-mailclients met donkere modus ingeschakeld:

1. Ga in je HubSpot-account naar Marketing > E-mail.
2. Klik op de naam van een opgestelde e-mail.
3. Klik in de e-maileditor rechtsboven op Voorbeeld en test en selecteer vervolgens Voorbeeld in een e-mailclient.
4. Klik in het voorbeeldscherm op het vervolgkeuzemenu Voorbeeldtype kiezen linksboven en schakel vervolgens het selectievakje naast elk voorbeeldtype in. Om het beschikbare type voorvertoning voor de donkere modus te zien, typt u "donker" in de zoekbalk.

5. Klik rechtsboven op Voorbeeld.

Best practices voor het ontwerpen van e-mails voor de donkere modus begrijpen

Verschillende e-mailclients en browsers kunnen de donkere modus verschillend weergeven. Houd de volgende suggesties in gedachten bij het ontwerpen van e-mails voor de donkere modus:

• Gebruik afbeeldingen die duidelijk worden weergegeven op zowel lichte als donkere achtergronden: converteer afbeeldingen naar .png-indeling om ervoor te zorgen dat ze correct worden weergegeven als de achtergrondkleur wordt omgekeerd.
• Zorg ervoor dat tekst voldoende kleurcontrast heeft: houd je aan de richtlijnen voor toegankelijkheid van webinhoud en zorg ervoor dat er voldoende contrast is tussen tekst en achtergrondkleuren.
• Voeg een media query toe voor de donkere modus: sommige e-mailclients bieden beperkte ondersteuning voor aangepaste styling met behulp van media queries. Je kunt de functie prefers-color-scheme media gebruiken om in te stellen hoe afbeeldingen en tekst worden weergegeven in de donkere modus. Deze optie is alleen beschikbaar voor e-mailsjablonen die zijn gemaakt in de ontwerpmanager.