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 hos klienter med et lysere utseende aktivert.
Slå på forhåndsvisning av mørk modus i e-postredigereren
Slik bytter du til en forhåndsvisning i mørk modus av e-posten mens du utformer den:
- Gå til Markedsføring > E-post i HubSpot-kontoen din.
- Klikk på navnet på en utarbeidet e-post.
- Klikk på Visningsalternativer øverst i e-postredigeringsprogrammet, og slå deretter på forhåndsvisningsbryteren for mørk modus .
Forhåndsvis e-postens utseende i bestemte mørke klientmoduser
Slik ser du hvordan e-posten vil se ut når en kontakt åpner den i en nettleser eller klient med mørk modus aktivert:
- Gå til Markedsføring > E-post i HubSpot-kontoen din.
- Klikk på navnet på en eksisterende utkastet e-post.
- Klikk på Forhåndsvisning øverst til høyre i e-postredigereren, og klikk deretter på Forhåndsvisning av innboks.
- Klikk på Klienter øverst på forhåndsvisningsskjermen.
- Under Mørk modus velger du avmerkingsboksen ved siden av en klient du vil forhåndsvise.
- Øverst til høyre klikker du på Test eposten min nå.
Anbefalte fremgangsmåter når du utformer e-poster for mørk modus
Når du forhåndsviser e-posten din med forskjellige mørkmodus-klienter, må du huske på at hver klient kan gjengi e-posten din forskjellig. Hvis kontaktene dine for eksempel åpner e-posten din med Apple Mail, vises den nøyaktig på samme måte uansett om de har aktivert mørk modus eller ikke. Hvis en kontakt aktiverer mørk modus i programmer som Gmail eller Outlook på Windows, kan du imidlertid merke mer drastiske forskjeller i e-poststilen, for eksempel inverterte bakgrunnsfarger.
For å bekrefte at epostutformingen din er konsistent mellom klienter, kan du se gjennom tipsene nedenfor.
Bruk bilder som vises tydelig på både lyse og mørke bakgrunner
Konverter bildene dine til PNG-filer før du laster opp og legger til bilder i e-postene dine, noe som bidrar til å sikre at de gjengis i e-postklienter som automatisk inverterer bakgrunnsfargen på e-poster i mørk modus. Hvis bildet har tekst, for eksempel en logo, kan du også legge til en gjennomsiktig omriss 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 overholder tilgjengelighetsstandarder, for eksempel kontrollerer fargekontrasten til teksten din, vil det også hjelpe e-postene dine til å vises riktig i mørk modus. Finn ut mer om nettilgjengelige farger på HubSpot-bloggen.
Angi en medieforespørsel for styling i mørk modus i iOS
Flere e-postklienter, inkludert Apple Mail og Outlook.com, tilbyr begrenset støtte for å oppdage og legge til egendefinert styling via en mediespørring. Hvis du bruker det oppdaterte klassiske e-postredigeringsprogrammet, og du har utviklerressurser til å gjøre CSS-endringer i e-postene dine, kan du legge til en mediespørring med mediefunksjonen prefers-color-scheme for å konfigurere hvordan bilder og tekst skal se ut i mørk modus og lysmodus
Marketing Email
Markedsføring Hub
Professional
,
Enterprise