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.
Voit nähdä, miltä sähköpostisi näyttää, kun yhteyshenkilö avaa sen selaimessa tai asiakkaassa, jossa on käytössä tumma tila:
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.
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.
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.
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.