Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.
Email

Esikatsele ja optimoi, miten sähköpostisi näyttää pimeässä tilassa.

Päivitetty viimeksi: marraskuuta 2, 2021

Tämä koskee seuraavia:

Markkinointi Hub Professional, Enterprise
Vanhentunut Marketing Hub Basic-versio

Monissa sähköpostiohjelmissa on tumma tila -asetus, mikä voi aiheuttaa epäjohdonmukaisuuksia markkinointisähköpostisi näkymiseen asiakkaissa, joissa on käytössä kirkkaampi ulkoasu.

preview-email-in-dark-mode

Esikatsele sähköpostisi ulkonäköä tietyissä tummissa tiloissa.

Voit nähdä, miltä sähköpostisi näyttää, kun yhteyshenkilö avaa sen selaimessa tai asiakkaassa, jossa on käytössä tumma tila:

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Sähköposti.
  • Napsauta olemassa olevan luonnostellun sähköpostinnimeä.
  • Napsauta sähköpostieditorin oikeassa yläkulmassa pudotusvalikkoaToiminnot ja valitse sittenEsikatselu.
  • Napsauta esikatselunäytön yläreunassaClients (Asiakkaat).
  • Valitse Tumma tila-kohdassavalintaruutu minkä tahansa esikatseltavaksi haluamasi asiakkaan vieressä.

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

  • Valitse oikeassa yläkulmassaTestaa sähköpostini nyt.

Parhaat käytännöt sähköpostien suunnittelussa tummaa tilaa varten

Kun esikatselet sähköpostia eri tummassa tilassa toimivilla asiakkailla, muista, että kukin asiakas saattaa renderöidä sähköpostin eri tavalla. Jos esimerkiksi yhteyshenkilösi avaavat sähköpostisi Apple Maililla, se näyttää täsmälleen samalta riippumatta siitä, ovatko he ottaneet pimeän tilan käyttöön vai eivät. Jos taas yhteyshenkilö ottaa pimeän tilan käyttöön esimerkiksi Gmailin tai Outlookin kaltaisissa Windows-sovelluksissa, sähköpostin ulkoasussa voi olla huomattavampia eroja, kuten käänteiset taustavärit.

Jos haluat varmistaa, että sähköpostisi muotoilu on yhdenmukainen eri asiakkaiden välillä, tutustu alla oleviin vinkkeihin.

Käytä kuvia, jotka näkyvät selvästi sekä vaalealla että tummalla taustalla.

Muunna kuvasi PNG-tiedostoiksi ennen kuin lataat ja lisäät kuvia sähköposteihin, mikä auttaa varmistamaan, että ne näkyvät sähköpostiohjelmissa, jotka automaattisesti kääntävät sähköpostien taustavärin tummassa tilassa. Jos kuvassasi on tekstiä, kuten logo, voit myös lisätä tekstin ympärille läpikuultavan ääriviivan, jotta se erottuu.

Valitse verkkokäyttöön sopivat värit

Sähköpostin sisällön suunnittelu helppokäyttöiseksi on tärkeää riippumatta siitä, mitä sähköpostiohjelmaa vastaanottaja käyttää. Saavutettavuusstandardien noudattaminen, kuten tekstin värikontrastin tarkistaminen, auttaa myös sähköpostisi näyttämään oikein pimeässä tilassa. Lue lisää esteettömistä verkkoväreistä HubSpotin blogista.

Määritä mediakysely tumman tilan muotoilua varten iOS:ssä.

Useat sähköpostiohjelmat, kuten Apple Mail ja Outlook.com, tarjoavat rajoitetun tuen mukautetun muotoilun tunnistamiseen ja lisäämiseen mediakyselyn avulla. Jos käytät päivitettyä klassista sähköpostieditoria ja sinulla on kehittäjäresursseja CSS-muutosten tekemiseen sähköposteihin, voit lisätä mediakyselyn prefers-color-scheme-mediatoiminnolla määrittääksesi, miltä kuvat ja teksti näyttävät tummassa tilassa ja vaaleassa tilassa