Förhandsgranska och optimera hur din e-postdesign kommer att se ut i mörkt läge
Senast uppdaterad: juni 28, 2023
Tillgänglig med något av följande abonnemang, om inte annat anges:
|
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.
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.
- 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.