Email Marketing & Automation

Modeu Gelap Pikeun Surélék Meunang Diadopsi… Ieu Kumaha Ngadukungna

Modeu poék ngirangan pamakean énergi layar sareng ningkatkeun fokus. Sababaraha pangguna ogé nyatakeun yén aranjeunna ngarasa galur panon ngirangan, tapi éta parantos ditaroskeun.

Nyokot mode poék terus tumuwuh. Modeu poék ayeuna sayogi di macOS, iOS, Android, sareng seueur aplikasi, kalebet Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail, sareng Reddit. Sanajan kitu, teu salawasna rojongan lengkep. Henteu sering aya kamajuan dina téknologi email, janten langkung saé ningali nyoko kana dukungan mode poék dina email ogé.

Kami ningali 28% pangguna ningali dina Modeu Gelap dina bulan Agustus 2021. Nepi ka Agustus 2022, jumlah éta parantos ningkat ka ampir 34%.

lakmus

Ngartos prakték pangsaéna, kode pikeun diimplementasikeun, sareng dukungan klien penting pikeun kasuksésan palaksanaan anjeun dina mode poék. Kusabab éta, tim di Uplers nyebarkeun pituduh ieu ka modeu poék dukungan email.

anyar, DK New Media ngembangkeun template Salesforce Marketing Cloud pikeun klien nu ngasupkeun Dark Mode, nyirorot kontras bagian email lamun ditempo dina klien email. Ieu mangrupikeun usaha anu tiasa nyababkeun paripolah tambahan sareng tingkat klik-liwat pikeun palanggan anjeun.

Kode Email Mode Gelap

Léngkah 1: Kalebet metadata pikeun ngaktipkeun modeu poék dina klien email - Léngkah munggaran nyaéta ngaktipkeun mode poék dina email pikeun palanggan sareng setélan mode poék diaktipkeun. Anjeun tiasa ngalebetkeun metadata ieu dina tag.

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

Lengkah 2: Kaasup gaya modeu poék pikeun @media (resep-warna-skéma: poék) - Tulis pamundut média ieu dina embedded anjeun tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS), sareng Outlook App (ios). Upami anjeun henteu hoyong logo anu digariskeun dina email anjeun, anjeun tiasa nganggo .dark-img jeung .light-img kelas sakumaha ditémbongkeun di handap.

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

Léngkah 3: Anggo awalan [data-ogsc] pikeun duplikat gaya modeu poék - Kalebet kode ieu kanggo email janten cocog sareng modeu poék dina aplikasi Outlook pikeun 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; }

Léngkah 3: Kalebet gaya modél hungkul dina HTML awak - Tag HTML anjeun kedah ngagaduhan kelas modeu poék anu leres.

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

Email Tip Mode Gelap sareng Sumber Daya Tambahan

Abdi parantos ngerjakeun Martech Zone buletin poean sareng mingguan pikeun ngadukung modeu poék… pastikeun langganan di dieu. Sapertos kalolobaan coding email, éta henteu saderhana kusabab klien email anu béda sareng metodologi coding proprietary na. Hiji masalah anu kuring kajantenan nyaéta pengecualian ... contona, anjeun hoyong téks bodas dina tombol henteu paduli mode poék. Jumlah kodena rada pikaseurieun… Kuring kedah gaduh pengecualian ieu:

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

Sababaraha sumber tambahan:

  • lakmus - pituduh pamungkas pikeun modeu poék pikeun pamasar email.
  • CampaignMonitor – Pitunjuk pamekar pikeun modeu poék pikeun email.

Upami anjeun hoyong témplat email anjeun dirobih pikeun ngadukung modeu poék, tong ragu pikeun ngahontal DK New Media.

modeu poék dina email
sumber: Panyokong

Douglas Karr

Douglas Karr nyaeta CMO tina OpenINSIGHTS jeung pangadeg nu Martech Zone. Douglas geus mantuan puluhan startups MarTech suksés, geus mantuan dina karajinan alatan leuwih $ 5 bil dina akuisisi jeung Investasi Martech, sarta terus mantuan pausahaan dina ngalaksanakeun jeung ngajadikeun otomatis jualan na strategi marketing maranéhanana. Douglas mangrupikeun transformasi digital anu diakui sacara internasional sareng ahli MarTech sareng spiker. Douglas ogé panulis anu diterbitkeun tina pituduh Dummie sareng buku kapamimpinan bisnis.

Artikel nu patali

Deui tombol luhur
deukeut

Adblock Dideteksi

Martech Zone tiasa masihan anjeun eusi ieu tanpa biaya sabab kami ngamonetisasi situs kami ngalangkungan pendapatan iklan, tautan afiliasi, sareng sponsor. Kami bakal ngahargaan upami anjeun ngahapus pameungpeuk iklan anjeun nalika anjeun ningali situs kami.