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

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

Vaihda tumman tilan esikatselu sähköpostieditorissa

Voit vaihtaa sähköpostin esikatselun tummaan tilaan, kun suunnittelet sitä:

• Napsauta laaditun sähköpostin nimeä .
• Valitse sähköpostieditorin yläreunassa Näyttöasetukset ja kytke sitten tummennetun tilan esikatselu päälle.

Sähköpostin ulkoasun esikatselu tietyissä asiakkaan 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:

• Napsauta olemassa olevan luonnostellun sähköpostin nimeä.
• Valitse sähköpostieditorin oikeassa yläkulmassa Esikatselu ja valitse sitten Saapuneiden postilaatikoiden esikatselu.
• Napsauta esikatselunäytön yläreunassa Clients (Asiakkaat).
• Valitse Tumma tila-kohdassa valintaruutu minkä tahansa esikatseltavaksi haluamasi asiakkaan vieressä.

• Valitse oikeassa yläkulmassa Testaa 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ä vaaleilla että tummilla taustoilla

Muunna kuvasi PNG-tiedostoiksi ennen kuin lataat ja lisäät kuvia sähköposteihisi, 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 media-toiminnolla määrittääksesi, miltä kuvat ja teksti näyttävät tummassa tilassa ja vaaleassa tilassa.