Sähköpostimarkkinointi ja automaatio

Sähköpostin tumma tila on tulossa käyttöön… Näin voit tukea sitä

Tumma tila vähentää näytön energiankulutusta ja lisää tarkennusta. Jotkut käyttäjät ilmoittavat myös, että he tuntevat vähentyneen silmien rasituksen, mutta se on sitä ole kyseenalaistettu.

Tumman tilan käyttöönotto kasvaa edelleen. Tumma tila on nyt saatavilla macOS:ssä, iOS:ssä, Androidissa ja monissa sovelluksissa, mukaan lukien Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail ja Reddit. Kaikilla ei kuitenkaan aina ole täyttä tukea. Sähköpostiteknologiassa ei usein tapahdu edistystä, joten on mukavaa nähdä pimeän tilan tuen käyttöönotto myös sähköpostissa.

Näimme 28 % käyttäjistä katselevan pimeässä tilassa elokuussa 2021. Elokuuhun 2022 mennessä luku oli kasvanut lähes 34 %.

Litmus

Parhaiden käytäntöjen, käyttöönotettavan koodin ja asiakastuen ymmärtäminen on ratkaisevan tärkeää pimeän tilan käyttöönoton onnistumiselle. Tästä syystä Uplersin tiimi julkaisi tämän oppaan pimeässä tilassa sähköpostin tuki.

Viime aikoina DK New Media kehitti Salesforce Marketing Cloud -mallin asiakkaalle, joka sisälsi Dark Mode -tilan ja erotti sähköpostiosat dramaattisesti sähköpostiohjelmassa katsottaessa. Se on yritys, joka voi lisätä tilaajien sitoutumista ja napsautussuhteita.

Pimeän tilan sähköpostikoodi

Vaihe 1: Sisällytä metatiedot ottaaksesi pimeän tilan käyttöön sähköpostiohjelmissa – Ensimmäinen askel on ottaa tumma tila käyttöön sähköpostissa tilaajille, joilla on käytössä pimeän tilan asetukset. Voit sisällyttää nämä metatiedot tag.

<meta name="color-scheme" content="light dark"> 
<meta name="supported-color-schemes" content="light dark">

Vaihe 2: Sisällytä tumman tilan tyylit @medialle (mieluummin värimaailma: tumma) - Kirjoita tämä mediakysely upotettuun tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS) ja Outlook App (iOS). Jos et halua hahmoteltua logoa sähköpostiisi, voit käyttää sitä .dark-img ja .light-img luokat alla olevan kuvan mukaisesti.

@media (prefers-color-scheme: dark ) { 
.dark-mode-image { display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important; } 
.light-mode-image { display:none; display:none !important; } 
}

Vaihe 3: Käytä [data-ogsc] -etuliitettä kopioidaksesi tumman tilan tyylejä - Sisällytä nämä koodit, jotta sähköposti on yhteensopiva tumman tilan kanssa Outlookin Android-sovelluksessa.

[data-ogsc] .light-mode-image { display:none; display:none !important; } 
[data-ogsc] .dark-mode-image { display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important; }

Vaihe 3: Sisällytä vain tumman tilan tyylejä rungon HTML-koodiin - HTML-tunnisteillasi on oltava oikeat tumman tilan luokat.

<!-- Logo Section -->
<a href="http://email-uplers.com/" target="_blank" style="text-decoration: none;"><img src="https://campaigns.uplers.com/_email/_global/images/logo_icon-name-black.png" width="170" alt="Uplers" style="color: #333333; font-family:Arial, sans-serif; text-align:center; font-weight:bold; font-size:40px; line-height:45px; text-decoration: none;" border="0" class="light-mode-image"/>
<!-- This is the hidden Logo for dark mode with MSO conditional/Ghost Code --> <!--[if !mso]><! --><div class="dark-mode-image" style="display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;" align="center"><img src="https://campaigns.uplers.com/_email/_global/images/logo_icon-name-white.png" width="170" alt="Uplers" style="color: #f1f1f1; font-family:Arial, sans-serif; text-align:center; font-weight:bold; font-size:40px; line-height:45px; text-decoration: none;" border="0" /> 
</div><!--<![endif]-->
</a> 
<!-- //Logo Section -->

Lähetä sähköpostia tummasta tilasta ja lisää resursseja

Olen työskennellyt Martech Zone päivittäiset ja viikoittaiset uutiskirjeet tumman tilan tukemiseksi… muista tilaa tästä. Kuten useimmat sähköpostin koodaukset, se ei ole yksinkertaista eri sähköpostiohjelmien ja niiden omistamien koodausmenetelmien vuoksi. Yksi ongelma, johon törmäsin, olivat poikkeukset… esimerkiksi haluat valkoista tekstiä painikkeelle pimeästä tilasta riippumatta. Koodin määrä on vähän naurettava… Minun piti tehdä seuraavat poikkeukset:

@media (prefers-color-scheme: dark ) { 
.dark-mode-button {
	color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; } 

Joitakin lisäresursseja:

  • Litmus - täydellinen opas pimeässä tilassa sähköpostimarkkinoijille.
  • Campaign Monitor – kehittäjän opas pimeään tilaan sähköpostille.

Jos haluat, että sähköpostimallisi muunnetaan pimeän tilan tukeen, älä epäröi ottaa yhteyttä DK New Media.

tumma tila sähköpostiviesteissä
Lähde: Yläosat

Douglas Karr

Douglas Karr on CMO of OpenINSIGHTS ja perustaja Martech Zone. Douglas on auttanut kymmeniä menestyneitä MarTech-startuppeja, auttanut yli 5 miljardin dollarin due diligence -tarkastuksessa Martechin hankinnoissa ja investoinneissa ja avustaa edelleen yrityksiä niiden myynti- ja markkinointistrategioiden toteuttamisessa ja automatisoinnissa. Douglas on kansainvälisesti tunnustettu digitaalisen transformaation ja MarTechin asiantuntija ja puhuja. Douglas on myös julkaissut Dummie's-oppaan ja yritysjohtajuuskirjan.

Aiheeseen liittyvät artikkelit

Takaisin alkuun -painiketta
lähellä

Adblock havaittu

Martech Zone pystyy tarjoamaan sinulle tämän sisällön veloituksetta, koska ansaitsemme sivustomme mainostulojen, kumppanilinkkien ja sponsoroinnin kautta. Olisimme kiitollisia, jos poistaisit mainosten esto-ohjelman, kun katselet sivustoamme.