Förhandsgranska och optimera hur din e-postdesign kommer att se ut i mörkt läge
Senast uppdaterad: januari 20, 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.
Relaterat innehåll
-
Skapa en klick-till-ringning- eller mailto-länk
När du klickar på knapparna för att ringa upp kopplar du besökare på mobila enheter till ett specifikt...
Kunskapsbas -
Typer av avvisade e-postmeddelanden
Ett avvisningsmeddelande kallas också för Non-Delivery Report/Receipt (NDR). Det är ett automatiskt...
Kunskapsbas -
Skapa e-postmeddelanden för marknadsföring i e-postredigeraren med dra och släpp
HubSpots e-postredigerare med drag and drop-format ger ett intuitivt gränssnitt för att skala dina...
Kunskapsbas