Mange e-mailklienter har en indstilling for mørk tilstand, hvilket kan føre til uoverensstemmelser med, hvordan dine marketingmails ser ud i klienter med et lysere udseende aktiveret.
For at se, hvordan din e-mail vil se ud, når en kontakt åbner den i en browser eller klient med dark mode aktiveret:
Når du forhåndsviser din e-mail med forskellige dark mode-klienter, skal du huske på, at hver klient kan gengive din e-mail forskelligt. Hvis dine kontakter f.eks. åbner din e-mail med Apple Mail, vil den se nøjagtig ens ud, uanset om de har aktiveret dark mode eller ej. Hvis en kontakt derimod aktiverer dark mode i apps som Gmail eller Outlook på Windows, vil du måske bemærke mere drastiske forskelle i din e-mail-styling, såsom omvendte baggrundsfarver.
For at bekræfte, at din e-mail-styling er konsistent mellem klienterne, kan du gennemgå nedenstående tips.
Konverter dine billeder til PNG-filer, før du uploader og tilføjer billeder til dine e-mails, hvilket hjælper med at sikre, at de gengives i e-mailklienter, der automatisk inverterer baggrundsfarven på e-mails i mørk tilstand. Hvis dit billede indeholder tekst, f.eks. et logo, kan du også tilføje en gennemsigtig kontur omkring teksten for at få den til at skille sig ud.
Det er vigtigt at designe dit e-mailindhold, så det er tilgængeligt, uanset hvilken e-mailklient din modtager bruger. Overholdelse af tilgængelighedsstandarder, som f.eks. at tjekke farvekontrasten i din tekst, vil også hjælpe dine e-mails med at blive gengivet korrekt i dark mode. Læs mere om webtilgængelige farver på HubSpots blog.
Flere e-mailklienter, herunder Apple Mail og Outlook.com, tilbyder begrænset support til at registrere og tilføje brugerdefineret styling via en medieforespørgsel. Hvis du bruger den opdaterede klassiske e-maileditor, og du har udviklerressourcer til at foretage CSS-ændringer i dine e-mails, kan du tilføje en medieforespørgsel med prefers-color-scheme
media-funktionen for at konfigurere, hvordan billeder og tekst skal se ud i mørk og lys tilstand.