Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.
Email

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

Senast uppdaterad: november 2, 2021

Gäller för:

Marknadsföring Hub Professional, Enterprise
Tidigare Marketing Hub Basic

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

preview-email-in-dark-mode

Förhandsgranska hur ditt e-postmeddelande ser ut i specifika klienters mörka lägen

För att se hur ditt e-postmeddelande kommer att se ut när en kontakt öppnar det i en webbläsare eller klient med mörkt läge aktiverat:

  • I ditt HubSpot-konto, navigera till Marknadsföring > E-post.}
  • Klicka pånamnet på ett befintligt utformat e-postmeddelande.
  • Klicka på rullgardinsmenynÅtgärder längst upp till höger i e-postredigeraren och klicka sedan påFörhandsgranska.
  • Klicka påKlienter högst upp på förhandsgranskningsskärmen.
  • Under Mörkt lägemarkerar dukryssrutan bredvid varje klient som du vill förhandsgranska.

select-dark-mode-clients-to-preview-2

  • Klicka påTesta mitt e-postmeddelande nu uppe till höger.

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

När du förhandsgranskar ditt e-postmeddelande med olika klienter för mörkt läge ska du tänka på att varje klient kan rendera ditt e-postmeddelande på olika sätt. Om dina kontakter till exempel öppnar ditt e-postmeddelande med Apple Mail kommer det att visas exakt likadant 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 din e-poststil, till exempel inverterade bakgrundsfärger.

Om du vill bekräfta att din e-poststil är konsekvent mellan olika klienter kan du läsa igenom tipsen nedan.

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, så att de kan visas 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.

Välj färger som är tillgängliga för webben

Att utforma ditt e-postinnehåll så att det är tillgängligt är viktigt oavsett vilken e-postklient din mottagare använder. Om du följer standarder för tillgänglighet, till exempel genom att kontrollera färgkontrasten i din text, kan du också se till att dina e-postmeddelanden visas korrekt i mörkt läge. Läs mer om webbtillgängliga färger på HubSpot-bloggen.

Ange en mediaquery för stilisering i mörkt läge i iOS

Flera e-postklienter, inklusive Apple Mail och Outlook.com, erbjuder begränsat stöd för att upptäcka och lägga till anpassad styling via en mediaquery. 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 mediaquery med mediefunktionen prefers-color-scheme för att konfigurera hur bilder och text ska se ut i mörkt och ljust läge.