Posta elektronikoko marketina eta automatizazioa

Posta elektronikorako modu iluna adopzioa lortzen ari da... Hona hemen nola lagundu

Modu ilunak pantailaren energiaren erabilera murrizten du eta fokua areagotzen du. Erabiltzaile batzuek begien tentsioa murrizten dutela ere adierazten dute, baina hori da zalantzan jarri da.

Modu iluneko adopzioak hazten jarraitzen du. Modu iluna eskuragarri dago orain macOS, iOS, Android eta aplikazio ugaritan, Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail eta Reddit barne. Dena den, ez dago beti laguntza osoa. Ez da sarritan posta elektronikoaren teknologian aurrerapenak egotea, beraz, atsegina da posta elektronikoan ere modu iluneko laguntza hartzea.

Erabiltzaileen % 28 modu ilunean ikusten ikusi genuen 2021eko abuztuan. 2022ko abuztuan, kopuru hori ia % 34ra igo zen.

Litmus

Praktika onenak, inplementatu beharreko kodea eta bezeroen laguntza ulertzea funtsezkoa da modu iluna inplementatzeko. Hori dela eta, Uplers-eko taldeak modu ilunerako gida hau argitaratu zuen posta elektroniko bidezko laguntza.

Orain dela gutxi, DK New Media Modu Iluna barne hartzen zuen bezero batentzako Salesforce Marketing Cloud txantiloia garatu zuen, posta elektronikoko atalak nabarmen kontrastatuz posta elektronikoko bezero batean ikusten direnean. Zure harpidedunentzako konpromiso eta klik-tasa gehigarriak eragin ditzakeen ahalegina da.

Modu iluneko posta elektronikoko kodea

1. urratsa: Sartu metadatuak posta bezeroetan modu iluna gaitzeko – Lehen urratsa modu iluna gaitzea da mezu elektronikoan modu iluneko ezarpenak aktibatuta dituzten harpidedunentzat. Metadatu hauek atalean sar ditzakezu etiketa.

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

2. urratsa: Sartu modu iluneko estiloak @media-rentzat (preferers-color-scheme: dark) - Idatzi multimedia kontsulta hau zure kapsulatuan tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS) eta Outlook App (iOS). Ez baduzu nahi zure posta elektronikoan logotipoa zehaztuta, erabil dezakezu .dark-img .light-img klaseak behean erakusten den moduan.

@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. urratsa: erabili [data-ogsc] aurrizkia modu iluneko estiloak bikoizteko - Sartu kode hauek posta elektronikoa modu ilunarekin bateragarria izan dadin Androiderako Outlook aplikazioan.

[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. urratsa: Sartu modu ilunean soilik estiloak HTML gorputzean - Zure HTML etiketek modu iluneko klase zuzenak izan behar dituzte.

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

Bidali mezu elektroniko modu ilunaren aholkuak eta baliabide osagarriak

Lanean aritu naiz Martech Zone Eguneroko eta asteko buletinak modu iluna laguntzeko... ziurtatu harpidetu hemen. Posta elektronikoaren kodeketa gehienetan gertatzen den bezala, ez da erraza posta elektronikoko bezero desberdinengatik eta haien jabedun kodetze metodologiengatik. Aurkitu nuen arazo bat salbuespenak izan ziren... adibidez, testu zuria nahi duzu botoi batean modu iluna edozein dela ere. Kode kopurua barregarria da... Salbuespen hauek izan behar nituen:

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

Baliabide osagarri batzuk:

  • Litmus - posta elektroniko merkaturatzaileentzako modu ilunerako azken gida.
  • CampaignMonitor – posta elektronikorako modu ilunerako garatzailearen gida.

Zure posta elektronikoko txantiloiak modu iluneko laguntzarako bihurtu nahi badituzu, ez izan zalantzarik eta jarri harremanetan DK New Media.

modu iluna mezu elektronikoetan
Iturria: Uplerrak

Douglas Karr

Douglas Karr -ren CMO da OpenINSIGHTS eta ren sortzailea Martech Zone. Douglasek MarTech startup arrakastatsu batzuei lagundu die, Martech-en erosketetan eta inbertsioetan 5 milioi dolar baino gehiagoko diligentzian lagundu du eta enpresei laguntzen jarraitzen du salmenta eta marketin estrategiak ezartzen eta automatizatzen. Douglas nazioartean ezaguna den eraldaketa digitala eta MarTech aditua eta hizlaria da. Douglas Dummie's gidaren eta negozioen lidergoaren liburu baten egilea ere bada.

Gaiarekin lotutako artikuluak

Itzuli gora botoia
Itxi

Adblokea hauteman da

Martech Zone eduki hau kosturik gabe eskaintzeko gai da, gure webgunea iragarkien diru-sarreren, kideen esteken eta babesen bidez dirua irabazten dugulako. Eskertuko genuke gure gunea ikusten duzun bitartean iragarkien blokeatzailea kentzea.