Optimaliser markedsførings-e-poster for mørk modus

I e-postredigeringsverktøyet kan du forhåndsvise hvordan markedsførings-e-postene vil se ut i mørk modus mens du redigerer, eller generere forhåndsvisninger for bestemte e-postklienter. Dette kan bidra til å sikre at mottakere som ser markedsførings-e-postene dine i mørk modus, får dem vist slik de er ment.

Forhåndsvis mørk modus i e-postredigereren

Slik bytter du til forhåndsvisning i mørk modus av e-posten din mens du redigerer:

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > E-post. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > E-post.
2. Klikk på navnet på et e-postutkast.
3. I e-postredigereren klikker du på Visningsalternativer øverst på siden, og slår deretter på bryteren for forhåndsvisning i mørk modus .

Forhåndsvis mørk modus i bestemte klienter

Slik ser du hvordan e-posten din vil se ut i bestemte nettlesere eller e-postklienter med mørk modus aktivert:

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > E-post. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > E-post.
2. Klikk på navnet på et utkast til e-post.
3. I e-postredigereren klikker du på «Forhåndsvisning og test » øverst til høyre, og velger deretter «Forhåndsvisning i en e-postklient».
4. På forhåndsvisningsskjermen klikker du på rullegardinmenyen «Velg forhåndsvisningstype» øverst til venstre, og merker deretter av i boksen ved siden av hver forhåndsvisningstype. For å se tilgjengelige forhåndsvisningstyper for mørk modus, skriver du «dark» i søkefeltet.

5. Klikk på «Forhåndsvisning» øverst til høyre.

Lær om beste praksis for utforming av e-poster for mørk modus

Ulike e-postklienter og nettlesere kan gjengi mørk modus på forskjellige måter. Husk følgende forslag når du utformer e-poster som skal vises i mørk modus:

• Bruk bilder som vises tydelig både på lyse og mørke bakgrunner: konverter bilder til gjennomsiktige bilder i .png-format, slik at de vises som forventet i mørk modus.
• Sørg for at all tekst har tilstrekkelig fargekontrast: Følg retningslinjene for tilgjengelighet av nettinnhold og sørg for at det er tilstrekkelig kontrast mellom tekst- og bakgrunnsfarger.
• Legg til en mediespørring for mørk modus: Noen e-postklienter, for eksempel Apple Mail, tilbyr begrenset støtte for tilpasset utforming ved hjelp av mediespørringer. Du kan bruke mediefunksjonen « prefers-color-scheme » for å angi hvordan bilder og tekst skal vises i mørk modus. Dette alternativet er kun tilgjengelig for e-postmaler opprettet i Design Manager.