E-poštno trženje in avtomatizacija

Temni način za e-pošto se vse bolj uveljavlja ... Evo, kako ga podpreti

Temni način zmanjša porabo energije zaslona in poveča fokus. Nekateri uporabniki tudi trdijo, da čutijo manjšo obremenitev oči, vendar je tako je bil zaslišan.

Sprejetje temnega načina še naprej raste. Temni način je zdaj na voljo v sistemih macOS, iOS, Android in številnih aplikacijah, vključno z Microsoft Outlookom, Safari, Reddit, Twitter, YouTube, Gmail in Reddit. Vendar ni vedno popolne podpore pri vsakem. Ni pogosto, da pride do napredka v e-poštni tehnologiji, zato je lepo videti sprejetje podpore za temni način tudi v e-pošti.

Avgusta 28 smo videli 2021 % uporabnikov, ki si ogledujejo v temnem načinu. Do avgusta 2022 se je to število povečalo na skoraj 34 %.

Lakmus

Razumevanje najboljših praks, kode za implementacijo in podpore za odjemalce je ključnega pomena za uspešno implementacijo temnega načina. Iz tega razloga je ekipa pri Uplersu objavila ta vodnik po temnem načinu e-poštna podpora.

V zadnjem času, DK New Media razvili predlogo Salesforce Marketing Cloud za odjemalca, ki je vključeval temni način, ki dramatično kontrastira razdelke e-pošte, ko jih gledate v e-poštnem odjemalcu. To je prizadevanje, ki lahko spodbudi dodatno sodelovanje in razmerje med prikazi in kliki za vaše naročnike.

E-poštna koda v temnem načinu

1. korak: vključite metapodatke, da omogočite temni način v e-poštnih odjemalcih – Prvi korak je omogočiti temni način v e-pošti za naročnike z vklopljenimi nastavitvami temnega načina. Te metapodatke lahko vključite v oznaka.

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

2. korak: Vključite sloge temnega načina za @media (raje barvna shema: temno) - Zapišite to predstavnostno poizvedbo v svojo vdelano tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS) in Outlook App (iOS). Če v e-pošti ne želite označenega logotipa, lahko uporabite .dark-img in .light-img razrede, kot je prikazano spodaj.

@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; } 
}

3. korak: Za podvajanje slogov temnega načina uporabite predpono [data-ogsc] - Vključite te kode, da bo e-poštno sporočilo združljivo s temnim načinom v aplikaciji Outlook za Android.

[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; }

3. korak: V telo telesa vključite sloge samo v temnem načinu - Vaše oznake HTML morajo imeti pravilne razrede temnega načina.

<!-- 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 -->

Pošlji temni način po e-pošti in dodatni viri

Delal sem na Martech Zone dnevna in tedenska glasila za podporo temnega načina ... vsekakor naročite se tukaj. Kot pri večini kodiranja e-pošte tudi to ni preprosto zaradi različnih e-poštnih odjemalcev in njihovih lastniških metodologij kodiranja. Ena težava, na katero sem naletel, so bile izjeme ... na primer želite belo besedilo na gumbu ne glede na temni način. Količina kode je malce smešna ... Moral sem imeti naslednje izjeme:

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

Nekaj ​​dodatnih virov:

  • Lakmus - končni vodnik za temni način za prodajalce e-pošte.
  • Monitor akcije – vodnik za razvijalce po temnem načinu za e-pošto.

Če želite, da se vaše e-poštne predloge pretvorijo v podporo za temni način, ne oklevajte in se obrnite na DK New Media.

temen način v e-poštnih sporočilih
vir: Uplerji

Douglas Karr

Douglas Karr je CMO of Odpri INSIGHTS in ustanovitelj Martech Zone. Douglas je pomagal na desetine uspešnih startupov MarTech, pomagal je pri skrbnem pregledu več kot 5 milijard USD pri prevzemih in naložbah Martecha ter še naprej pomaga podjetjem pri izvajanju in avtomatizaciji njihovih prodajnih in trženjskih strategij. Douglas je mednarodno priznan strokovnjak in govorec za digitalno transformacijo in MarTech. Douglas je tudi objavljen avtor Dummie's guide in knjige o poslovnem vodenju.

Povezani članki

Nazaj na vrh
Zapri

Zaznan Adblock

Martech Zone vam lahko zagotovi to vsebino brezplačno, ker naše spletno mesto monetiziramo s prihodki od oglasov, pridruženimi povezavami in sponzorstvi. Hvaležni bi bili, če bi med ogledom našega spletnega mesta odstranili zaviralec oglasov.