Marketing i automatizacija putem e-pošte

Tamni način rada za e-poštu sve se više prihvaća… Evo kako ga podržati

Tamni način rada smanjuje potrošnju energije zaslona i povećava fokus. Neki korisnici također navode da osjećaju smanjeno naprezanje očiju, ali to je tako bio ispitan.

Usvajanje tamnog načina rada i dalje raste. Tamni način rada sada je dostupan na macOS-u, iOS-u, Androidu i nizu aplikacija, uključujući Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail i Reddit. No, ne postoji uvijek potpuna podrška u svakoj od njih. Ne događa se često napredak u tehnologiji e-pošte, stoga je lijepo vidjeti usvajanje podrške za tamni način rada iu e-pošti.

U kolovozu 28. vidjeli smo da 2021% korisnika gleda u tamnom načinu rada. Do kolovoza 2022. taj se broj povećao na gotovo 34%.

Lakmus

Razumijevanje najboljih praksi, koda za implementaciju i korisničke podrške ključno je za uspjeh vaše implementacije mračnog načina rada. Iz tog razloga, tim u Uplersu objavio je ovaj vodič za mračni način rada podrška e-poštom.

Nedavno, DK New Media razvio Salesforce Marketing Cloud predložak za klijenta koji je uključio Dark Mode, dramatično kontrastirajući odjeljke e-pošte kada se gledaju u klijentu e-pošte. To je napor koji može potaknuti dodatni angažman i stope klikanja za vaše pretplatnike.

Kôd e-pošte u tamnom načinu

Korak 1: Uključite metapodatke da biste omogućili tamni način rada u klijentima e-pošte – Prvi korak je omogućiti tamni način rada u e-pošti za pretplatnike s uključenim postavkama tamnog načina rada. Ove metapodatke možete uključiti u označiti.

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

Korak 2: Uključite stilove tamnog načina za @media (preferira shemu boja: tamno) - Napišite ovaj medijski upit u svoj ugrađeni tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS) i Outlook App (iOS). Ako ne želite istaknuti logotip u svojoj e-pošti, možete koristiti .dark-img i .light-img klase kao što je prikazano u nastavku.

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

Korak 3: Upotrijebite [data-ogsc] prefiks za dupliciranje stilova tamnog načina - Uključite ove kodove za e-poštu kako bi bila kompatibilna s tamnim načinom rada u 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; }

Korak 3: Uključite stilove samo tamnog načina u HTML tijela - Vaše HTML oznake moraju imati ispravne klase tamnog načina rada.

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

Slanje tamnog načina rada putem e-pošte Savjeti i dodatni resursi

Radio sam na Martech Zone dnevne i tjedne biltene za podršku tamnom načinu rada... svakako pretplatite se ovdje. Kao i kod većine kodiranja e-pošte, nije jednostavno zbog različitih klijenata e-pošte i njihovih vlastitih metodologija kodiranja. Jedan problem na koji sam naišao bile su iznimke... na primjer, želite bijeli tekst na gumbu bez obzira na tamni način rada. Količina koda je pomalo smiješna... Morao sam imati sljedeće iznimke:

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

Neki dodatni resursi:

  • Lakmus - krajnji vodič za tamni način rada za trgovce e-poštom.
  • CampaignMonitor – programerov vodič za tamni način rada za e-poštu.

Ako želite da se vaši predlošci e-pošte pretvore u podršku za tamni način rada, slobodno se obratite DK New Media.

mračni način rada u e-porukama
Izvor: Upleri

Douglas Karr

Douglas Karr je CMO of OpenINSIGHTS i osnivač Martech Zone. Douglas je pomogao desecima uspješnih MarTech startupa, pomogao je u due diligence-u od preko 5 milijardi USD u Martech akvizicijama i ulaganjima te nastavlja pomagati tvrtkama u implementaciji i automatizaciji njihovih prodajnih i marketinških strategija. Douglas je međunarodno priznati stručnjak i govornik za digitalnu transformaciju i MarTech. Douglas je također objavljeni autor Dummie's guide i knjige o poslovnom vodstvu.

Vezani članci

Natrag na vrh
Blizu

Otkriven je Adblock

Martech Zone može vam pružiti ovaj sadržaj bez ikakvih troškova jer svoju web stranicu unovčavamo putem prihoda od oglasa, pridruženih veza i sponzorstava. Cijenili bismo kada biste uklonili program za blokiranje oglasa dok pregledavate našu stranicu.