Få vist og optimeret, hvordan dine e-mails ser ud i mørk tilstand

Mange e-mailklienter har en indstilling for mørk tilstand, hvilket kan lead til uoverensstemmelser med, hvordan dine marketingmails vises i klienter med et lysere udseende slået til.

Skift til forhåndsvisning i mørk tilstand i e-mail-editoren

Sådan skifter du til en forhåndsvisning i mørk tilstand af din e-mail, mens du designer den:

1. På din HubSpot-konto skal du navigere til Marketing > E-mail.
2. Klik på navnet på en e-mail i udkast.
3. Klik på Visningsindstillinger øverst i e-mail-editoren, og slå derefter forhåndsvisning i mørk tilstand til.

Forhåndsvisning af din e-mails udseende i specifikke klienters mørke tilstande

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:

1. På din HubSpot-konto skal du navigere til Marketing > E-mail.
2. Klik på navnet på en eksisterende udarbejdet e-mail.
3. Klik på Preview and test øverst til højre i e-mail-editoren, og vælg derefter Indbakke preview.
4. Klik på Klienter øverst på skærmen med forhåndsvisning.
5. Under Mørk tilstand skal du markere afkrydsningsfeltet ud for den klient, du vil se en forhåndsvisning af.

6. Klik på Test min e-mail nu øverst til højre.

Bedste praksis, når du designer e-mails til mørk tilstand

Når du forhåndsviser din e-mail med forskellige klienter i mørk tilstand, skal du huske på, at hver klient kan gengive din e-mail forskelligt. Hvis dine kontakter f.eks. åbner din e-mail med Apple E-mail, vil den se nøjagtig ens ud, uanset om de har aktiveret dark mode eller ej. Hvis en kontakt derimod aktiverer mørk tilstand i apps som Gmail eller Outlook på Windows, kan du opleve mere drastiske forskelle i din e-mail, f.eks. inverterede baggrundsfarver.

For at bekræfte, at din e-mail-styling er konsistent mellem klienter, skal du anmeldelse nedenstående tips.

Brug billeder, der vises tydeligt på både lyse og mørke baggrunde

Konverter dine billeder til PNG-filer, før du uploader og tilføjer billeder til dine e-mails, hvilket er med til at sikre, at de gengives i e-mail-klienter, 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 gennemskinnelig kontur omkring teksten for at få den til at skille sig ud.

Vælg til webtilgængelige farver

Det er vigtigt at designe indholdet i din e-mail, så det er tilgængeligt, uanset hvilken e-mail-klient modtageren bruger. Overholdelse af tilgængelighedsstandarder, som f.eks. kontrol af farvekontrasten i din tekst, vil også hjælpe dine e-mails med at blive gengivet korrekt i mørk tilstand. Få mere at vide om webtilgængelige farver på HubSpot's blog.

Angiv en medieforespørgsel til styling i mørk tilstand i iOS

Flere e-mail-klienter, herunder Apple E-mail og Outlook.com, tilbyder begrænset støtte til at registrere og tilføje tilpasset styling via en medieforespørgsel. Hvis du bruger den opdaterede klassiske e-mail-editor, og du har udviklerressourcer til at foretage CSS-ændringer i dine e-mails, kan du tilføje en medieforespørgsel med funktionen prefers-color-scheme media for at konfigurere, hvordan billeder og tekst skal se ud i mørk tilstand og lys tilstand