Email Marketing ug Automation

Ang Mangitngit nga Mode Para sa Email Nag-angkon og Pagsagop… Ania Kon Unsaon Pagsuporta Niini

Ang mangitngit nga mode makapamenos sa paggamit sa enerhiya sa screen ug makadugang sa focus. Ang ubang mga tiggamit usab nag-ingon nga gibati nila ang pagkunhod sa pilay sa mata, apan kana gipangutana.

Ang pagsagop sa dark mode nagpadayon sa pagtubo. Magamit na karon ang Dark mode sa macOS, iOS, Android, ug daghang mga app, lakip ang Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail, ug Reddit. Bisan pa, dili kanunay adunay bug-os nga suporta sa matag usa. Dili kasagaran nga adunay mga pag-uswag sa teknolohiya sa email, mao nga nindot tan-awon ang pagsagop sa suporta sa dark mode sa email usab.

Nakita namon ang 28% sa mga tiggamit nga nagtan-aw sa Dark Mode kaniadtong Agosto 2021. Pagka Agosto 2022, kana nga gidaghanon misaka sa hapit 34%.

Litmus

Ang pagsabut sa labing kaayo nga mga gawi, code nga ipatuman, ug suporta sa kliyente hinungdanon sa imong kalampusan sa pagpatuman sa dark mode. Tungod niana nga hinungdan, gipatik sa koponan sa Uplers kini nga giya sa dark-mode suporta sa email.

Bag-ohay lang, DK New Media nakamugna og template sa Salesforce Marketing Cloud alang sa usa ka kliyente nga nag-apil sa Dark Mode, nga lahi kaayo sa mga seksyon sa email kung gitan-aw sa usa ka email client. Usa kini ka paningkamot nga mahimong makaduso og dugang nga pakiglambigit ug mga click-through rate para sa imong mga subscriber.

Dark Mode Email Code

Lakang 1: Ilakip ang metadata aron mapalihok ang dark mode sa mga kliyente sa email - Ang una nga lakang mao ang pagpagana sa ngitngit nga mode sa email alang sa mga subscriber nga adunay mga setting sa dark mode nga gi-on. Mahimo nimong ilakip kini nga metadata sa tag.

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

Lakang 2: Ilakip ang mga estilo sa itom nga mode alang sa @media (mas gusto ang color-scheme: itom) - Isulat kini nga pangutana sa media sa imong gi-embed tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS), ug Outlook App (iOS). Kung dili nimo gusto ang usa ka outline nga logo sa imong email, mahimo nimong gamiton .dark-img ug .light-img mga klase sama sa gipakita sa ubos.

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

Lakang 3: Gamita ang [data-ogsc] preview aron madoble ang mga estilo sa itom nga mode - Ilakip kini nga mga code alang sa email aron mahiuyon sa dark mode sa Outlook app alang sa 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; }

Lakang 3: Ilakip ang mga estilo nga itom lang nga mode sa body HTML - Ang imong HTML tag kinahanglan adunay tama nga klase sa dark mode.

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

Mga Tip sa Dark Mode sa Email ug Dugang nga Mga Kapanguhaan

Nagtrabaho na ako sa Martech Zone adlaw-adlaw ug sinemana nga mga newsletter aron suportahan ang ngitngit nga mode… siguruha nga subscribe dinhi. Sama sa kadaghanan sa email coding, dili kini yano tungod sa lainlaing mga kliyente sa email ug ilang proprietary coding methodologies. Usa ka isyu nga akong nasugatan mao ang mga eksepsiyon ... pananglitan, gusto nimo ang puti nga teksto sa usa ka buton bisan unsa pa ang ngitngit nga mode. Ang kantidad sa code medyo kataw-anan… Kinahanglan nako nga adunay mga mosunod nga mga eksepsiyon:

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

Pipila nga dugang nga mga kapanguhaan:

  • Litmus - ang katapusang giya alang sa ngitngit nga mode alang sa mga namaligya sa email.
  • CampaignMonitor – giya sa developer sa dark mode para sa email.

Kung gusto nimo nga mabag-o ang imong mga template sa email alang sa suporta sa dark mode, ayaw pagpanuko sa pagkontak DK New Media.

ngitngit nga mode sa mga email
Source: Mga Upler

Douglas Karr

Douglas Karr mao ang CMO sa OpenINSIGHTS ug ang nagtukod sa Martech Zone. Gitabangan ni Douglas ang daghang mga malampuson nga mga pagsugod sa MarTech, nakatabang sa tungod sa kakugi nga kapin sa $5 bilyon sa mga pagkuha ug pamuhunan sa Martech, ug nagpadayon sa pagtabang sa mga kompanya sa pagpatuman ug pag-automate sa ilang mga estratehiya sa pagbaligya ug pagpamaligya. Si Douglas usa ka internasyonal nga giila nga digital nga pagbag-o ug eksperto ug mamumulong sa MarTech. Si Douglas usa usab ka gipatik nga tagsulat sa usa ka giya ni Dummie ug usa ka libro sa pagpangulo sa negosyo.

Nalangkit nga mga Artikulo

Balik sa ibabaw nga button
Close

Nakit-an ang Adblock

Martech Zone makahatag kanimo niini nga sulod nga walay bayad tungod kay among gi-monetize ang among site pinaagi sa ad revenue, affiliate links, ug sponsorships. Mapasalamaton kami kung imong tangtangon ang imong ad blocker samtang imong gitan-aw ang among site.