Marketing prin e-mail și automatizare

Modul întunecat pentru e-mail câștigă adopție... Iată cum să îl susțineți

Modul întunecat reduce consumul de energie al ecranului și mărește focalizarea. Unii utilizatori declară, de asemenea, că simt o oboseală redusă a ochilor, dar asta este a fost pus la îndoială.

Adoptarea modului întunecat continuă să crească. Modul întunecat este acum disponibil pe macOS, iOS, Android și o serie de aplicații, inclusiv Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail și Reddit. Totuși, nu există întotdeauna sprijin deplin în fiecare dintre ele. Nu se întâmplă adesea să existe progrese în tehnologia de e-mail, așa că este plăcut să vedem adoptarea suportului pentru modul întunecat și în e-mail.

Am văzut 28% dintre utilizatori vizionarea în modul întunecat în august 2021. Până în august 2022, acest număr a crescut la aproape 34%.

Turnesol

Înțelegerea celor mai bune practici, a codului de implementat și a asistenței pentru clienți este esențială pentru succesul implementării modului întunecat. Din acest motiv, echipa de la Uplers a publicat acest ghid pentru modul întunecat suport de e-mail.

Recent, DK New Media a dezvoltat un șablon Salesforce Marketing Cloud pentru un client care a încorporat Dark Mode, contrastând dramatic cu secțiunile de e-mail atunci când sunt vizualizate într-un client de e-mail. Este un efort care poate genera implicare suplimentară și rate de clic pentru abonații dvs.

Cod de e-mail în mod întunecat

Pasul 1: includeți metadate pentru a activa modul întunecat în clienții de e-mail – Primul pas este să activați modul întunecat în e-mail pentru abonații cu setările pentru modul întunecat activate. Puteți include aceste metadate în fișierul etichetă.

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

Pasul 2: includeți stiluri de mod întunecat pentru @media (preferă-schema de culori: întuneric) - Scrieți această interogare media în încorporat tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS) și aplicația Outlook (iOS). Dacă nu doriți un logo subliniat în e-mailul dvs., puteți utiliza .dark-img și .light-img clase așa cum se arată mai jos.

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

Pasul 3: Utilizați prefixul [data-ogsc] pentru a duplica stilurile de mod întunecat - Includeți aceste coduri pentru ca e-mailul să fie compatibil cu modul întunecat în aplicația Outlook pentru 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; }

Pasul 3: includeți stiluri numai în mod întunecat în corpul HTML - Etichetele dvs. HTML trebuie să aibă clasele corecte ale modului întunecat.

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

Trimiteți prin e-mail sfaturi despre modul întunecat și resurse suplimentare

Am lucrat la Martech Zone buletine informative zilnice și săptămânale pentru a accepta modul întunecat... asigurați-vă că abonează-te aici. Ca și în cazul majorității codurilor de e-mail, nu este simplu din cauza diferiților clienți de e-mail și a metodologiilor lor de codare proprietare. O problemă cu care am întâlnit a fost excepțiile... de exemplu, doriți text alb pe un buton, indiferent de modul întunecat. Cantitatea de cod este puțin ridicolă... A trebuit să am următoarele excepții:

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

Câteva resurse suplimentare:

  • Turnesol - ghidul final pentru modul întunecat pentru marketingul prin e-mail.
  • Monitor de campanie – ghidul dezvoltatorului pentru modul întunecat pentru e-mail.

Dacă doriți ca șabloanele dvs. de e-mail să fie convertite pentru suport pentru modul întunecat, nu ezitați să contactați DK New Media.

modul întunecat în e-mailuri
Sursa: Uplers

Douglas Karr

Douglas Karr este CMO al OpenINSIGHTS și fondatorul Martech Zone. Douglas a ajutat zeci de startup-uri de succes MarTech, a ajutat la due diligence de peste 5 miliarde de dolari în achiziții și investiții Martech și continuă să asiste companiile în implementarea și automatizarea strategiilor lor de vânzări și marketing. Douglas este un expert în transformare digitală recunoscut la nivel internațional și expert și vorbitor MarTech. Douglas este, de asemenea, un autor publicat al unui ghid pentru Dummie și al unei cărți de conducere în afaceri.

Articole pe aceeaşi temă

Înapoi la butonul de sus
Închide

Blocarea reclamelor a fost detectată

Martech Zone este în măsură să vă furnizeze acest conținut fără costuri, deoarece monetizăm site-ul nostru prin venituri din reclame, linkuri afiliate și sponsorizări. Am aprecia dacă ați elimina dispozitivul de blocare a reclamelor pe măsură ce vizualizați site-ul nostru.