Sist oppdatert: juni 28, 2023
Mange e-postklienter har en innstilling for mørk modus, noe som kan føre til uoverensstemmelser med hvordan markedsførings-e-postene dine vises i klienter med et lysere utseende aktivert.
Forhåndsvisning av e-postens utseende i bestemte klienters mørke modus
Slik ser du hvordan e-posten din vil se ut når en kontakt åpner den i en nettleser eller klient med mørk modus aktivert:
- Naviger til Markedsføring > E-post i HubSpot-kontoen din.
- Klikk på navnet på en eksisterende utkast til e-post.
- Klikk på rullegardinmenyen Handlinger øverst til høyre i e-postredigeringsprogrammet, og klikk deretter på Forhåndsvisning.
- Klikk på Klienter øverst i forhåndsvisningsskjermbildet.
- Under Mørk modus merkerdu av i avmerkingsboksen ved siden av den klienten du vil forhåndsvise.
- Klikk på Test e-posten min nå øverst til høyre.
Beste praksis når du utformer e-poster for mørk modus
Når du forhåndsviser e-posten din med ulike klienter for mørk modus, må du huske på at hver klient kan gjengi e-posten din på forskjellige måter. Hvis kontaktene dine for eksempel åpner e-posten din i Apple Mail, vil den se helt lik ut uansett om de har aktivert mørk modus eller ikke. Hvis en kontakt derimot aktiverer mørk modus i apper som Gmail eller Outlook på Windows, kan du oppleve mer drastiske forskjeller i utformingen av e-posten, for eksempel inverterte bakgrunnsfarger.
Ta en titt på tipsene nedenfor for å sikre at e-postdesignet er konsekvent i de ulike klientene.
Bruk bilder som vises tydelig på både lyse og mørke bakgrunner.
Konverter bildene dine til PNG-filer før du laster dem opp og legger dem til i e-postene, slik at de vises i e-postklienter som automatisk inverterer bakgrunnsfargen på e-poster i mørk modus. Hvis bildet inneholder tekst, for eksempel en logo, kan du også legge til en gjennomsiktig kontur rundt teksten for å få den til å skille seg ut.
Velg farger som er tilgjengelige på nettet
Det er viktig å utforme e-postinnholdet slik at det er tilgjengelig, uavhengig av hvilken e-postklient mottakeren bruker. Hvis du følger standarder for universell utforming, for eksempel ved å sjekke fargekontrasten i teksten, vil det også bidra til at e-postene dine vises korrekt i mørk modus. Les mer om tilgjengelige farger på HubSpot-bloggen.
Spesifiser en mediespørring for mørk modus i iOS
Flere e-postklienter, blant annet Apple Mail og Outlook.com, tilbyr begrenset støtte for å oppdage og legge til egendefinert formgivning via en mediespørring. Hvis du bruker det oppdaterte klassiske e-postredigeringsprogrammet og har utviklerressurser til å gjøre CSS-endringer i e-postene dine, kan du legge til en mediespørring med prefers-color-scheme media-funksjonen for å konfigurere hvordan bilder og tekst skal se ut i mørk og lys modus.