Optimer marketing-e-mails til mørk tilstand

I e-mail-editoren kan du få et eksempel på, hvordan markedsførings-e-mails vil se ud i mørk tilstand, mens du redigerer, eller generere eksempler til bestemte e-mail-klienter. Dette kan hjælpe med at sikre, at modtagere, der ser dine markedsførings-e-mails i mørk tilstand, kan se dem, som de er tiltænkt.

Vis forhåndsvisning af mørk tilstand i e-mail-editoren

Sådan skifter du til en forhåndsvisning i mørk tilstand af din e-mail, mens du redigerer:

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > E-mail. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > E-mail.
2. Klik på navnet på en udkast-e-mail.
3. I e-mail-editoren skal du klikke på Visningsindstillinger øverst på siden og derefter aktivere knappen for forhåndsvisning i mørk tilstand .

Forhåndsvisning af mørk tilstand i bestemte klienter

Sådan ser du, hvordan din e-mail vil se ud i bestemte browsere eller e-mail-klienter med mørk tilstand aktiveret:

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > E-mail. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > E-mail.
2. Klik på navnet på en udkast-e-mail.
3. I e-mail-editoren skal du klikke på " Forhåndsvisning og test " øverst til højre og derefter vælge " Forhåndsvisning i en e-mail-klient".
4. På forhåndsvisningsskærmen skal du klikke på rullemenuen " Vælg forhåndsvisningstype " øverst til venstre og derefter markere afkrydsningsfeltet ud for hver forhåndsvisningstype. For at se de tilgængelige forhåndsvisningstyper for mørk tilstand skal du skrive "dark" i søgefeltet.

5. Klik på " Vis eksempel" øverst til højre.

Lær de bedste fremgangsmåder til at designe e-mails til mørk tilstand

Forskellige e-mail-klienter og browsere kan gengive mørk tilstand forskelligt. Husk følgende forslag, når du designer e-mails, der skal vises i mørk tilstand:

• Brug billeder, der vises tydeligt på både lyse og mørke baggrunde: Konverter billeder til gennemsigtige billeder i .png-format, så de vises som forventet i mørk tilstand.
• Sørg for, at al tekst har tilstrækkelig farvekontrast: Overhold retningslinjerne for tilgængelighed af webindhold, og sørg for, at der er tilstrækkelig kontrast mellem tekst- og baggrundsfarver.
• Tilføj en medieforespørgsel til mørk tilstand: Nogle e-mail-klienter, såsom Apple Mail, tilbyder begrænset understøttelse af brugerdefineret styling ved hjælp af medieforespørgsler. Du kan bruge mediefunktionen " prefers-color-scheme " til at indstille, hvordan billeder og tekst skal vises i mørk tilstand. Denne indstilling er kun tilgængelig for e-mail-skabeloner, der er oprettet i designmanageren.