Sidst opdateret: juni 28, 2023
Gælder for:
Marketing Hub
Professional
,
Enterprise
|
| Tidligere Marketing Hub Basic |
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.
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:
- På din HubSpot-konto skal du navigere til Marketing > Marketing-e-mail.
- Klik på navnet på en eksisterende udarbejdet e-mail.
- Klik på rullemenuen Handlinger øverst til højre i e-maileditoren, og klik derefter på Forhåndsvisning.
- Klik på Klienter i toppen af forhåndsvisningsskærmen.
- Under Mørk tilstand markerer du afkrydsningsfeltet ud for den klient, du vil forhåndsvise.
- 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 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.
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 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.
Vælg webtilgængelige farver
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.
Angiv en media query til dark mode-styling i iOS
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.