Förhandsgranska och optimera hur dina e-postmeddelanden kommer att se ut i mörkt läge

Många e-postklienter har en inställning för mörkt läge, vilket kan potentiellt kund leda till inkonsekvenser i hur dina e-post för marknadsföring visas i klienter med ett ljusare utseende aktiverat.

Växla till förhandsgranskning i mörkt läge i redigeraren för e-post

Så här växlar du till en förhandsgranskning i mörkt läge av din e-post medan du utformar den:

1. I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
2. Klicka på namnet på ett utkast till e-post.
3. Klicka på Visningsalternativ högst upp i e-postredigeraren och slå sedan på förhandsgranskningen i mörkt läge.

Förhandsgranska hur e-posten ser ut i mörka lägen i specifika klienter

Om du vill se hur din e-post ser ut när en kontakt öppnar den i en webbläsare eller klient med mörkt läge aktiverat:

1. I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
2. Klicka på namnet på ett befintligt utkast till e-post.
3. Klicka på Förhandsgranska och testa längst upp till höger i e-postredigeraren och välj sedan Förhandsgranskning av inkorgen.
4. Klicka på Klienter längst upp på förhandsgranskningsskärmen.
5. Under Mörkt läge markerardu kryssrutan bredvid den klient som du vill förhandsgranska.

6. Klicka på Testa min e-post nu uppe till höger.

Bästa praxis när du utformar e-post för mörkt läge

När du förhandsgranskar din e-post med olika klienter för mörkt läge bör du tänka på att varje klient kan återge din e-post på olika sätt. Om dina kontakter till exempel öppnar din e-post med Apple E-post kommer den att se exakt likadan ut oavsett om de har aktiverat mörkt läge eller inte. Om en kontakt däremot aktiverar mörkt läge i Appar som Gmail eller Outlook på Windows, kan du märka mer drastiska skillnader i e-postens styling, till exempel inverterade bakgrundsfärger.

Granska tipsen nedan för att bekräfta att din e-post är konsekvent mellan olika klienter.

Använd bilder som syns tydligt på både ljusa och mörka bakgrunder

Konvertera dina bilder till PNG-filer innan du laddar upp och lägger till bilder i dina e-postmeddelanden, vilket hjälper till att säkerställa att de kommer att återges i e-postklienter som automatiskt inverterar bakgrundsfärgen i e-postmeddelanden i mörkt läge. Om din bild innehåller text, t.ex. en logotyp, kan du också lägga till en genomskinlig kontur runt texten för att få den att sticka ut.

Registrera webbtillgängliga färger

Att utforma innehållet i din e-post så att det är tillgängligt är viktigt oavsett vilken e-postklient mottagaren använder. Om du följer tillgänglighetsstandarder, till exempel genom att kontrollera färgkontrasten i din text, kommer dina e-postmeddelanden också att återges korrekt i mörkt läge. Läs mer om webbtillgängliga färger på HubSpot blogg.

Ange en mediefråga för styling i mörkt läge i iOS

Flera e-postklienter, inklusive Apple E-post och Outlook.com, erbjuder begränsat stöd för att upptäcka och lägga till anpassad styling via en mediefråga. Om du använder den uppdaterade klassiska e-postredigeraren och har utvecklarresurser för att göra CSS-ändringar i dina e-postmeddelanden kan du lägga till en mediafråga med funktionen prefers-color-scheme media för att konfigurera hur bilder och text ska se ut i mörkt och ljust läge