Tsaus hom Rau Email yog txais kev txais yuav… Ntawm no yog yuav ua li cas txhawb nws
Hom tsaus nti txo qhov kev siv lub zog ntawm lub vijtsam thiab ua kom pom tseeb. Qee cov neeg siv kuj hais tias lawv xav tias qhov muag txo qis, tab sis qhov ntawd yog tau muaj lus nug.
Kev coj ua tsaus nti tseem loj tuaj. Tsaus hom tam sim no muaj nyob thoob macOS, iOS, Android, thiab ntau lub apps, suav nrog Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail, thiab Reddit. Tsis muaj kev txhawb nqa tag nrho ntawm txhua tus, txawm li cas los xij. Nws tsis yog feem ntau uas muaj kev nce qib hauv email thev naus laus zis, yog li nws yog qhov zoo kom pom qhov kev saws me nyuam ntawm hom tsaus nti hauv email thiab.
Peb pom 28% ntawm cov neeg siv saib hauv Dark Mode thaum Lub Yim Hli 2021. Thaum Lub Yim Hli 2022, tus lej ntawd tau nce mus txog ze li 34%.
Litmus
Nkag siab txog cov kev coj ua zoo tshaj plaws, cov cai rau kev siv, thiab kev txhawb nqa cov neeg siv khoom yog qhov tseem ceeb rau koj qhov kev ua tiav ntawm hom tsaus nti. Vim li ntawd, pab neeg ntawm Uplers luam tawm phau ntawv qhia no rau hom tsaus nti email yug.
Tsis ntev los no, DK New Media tsim ib qho Salesforce Marketing Cloud template rau tus neeg siv khoom uas suav nrog Dark Mode, sib txawv heev ntawm email seem thaum saib hauv email. Nws yog ib qho kev rau siab uas yuav ua rau muaj kev koom tes ntxiv thiab nias-dhau tus nqi rau koj cov neeg siv khoom.
Hom Tsaus Ntuj Email Code
Kauj ruam 1: Tshaj tawm cov metadata los pab kom cov hom tsaus nti hauv cov neeg siv email - Thawj kauj ruam yog txhawm rau qhib hom tsaus nti hauv email rau cov neeg siv npe nrog kev teeb tsa tsaus nti qhib. Koj tuaj yeem suav cov metadata no rau hauv tag.
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
Kauj Ruam 2: suav nrog cov hom tsaus ntuj rau @media (prefers-color-scheme: dark) - Sau cov lus nug no tawm hauv koj qhov khij tags to customize the dark mode styles in Apple Mail, iOS, Outlook.
com, Outlook 2019 (macOS), thiab Outlook App (iOS). Yog tias koj tsis xav tau lub logo hauv koj tus email, koj tuaj yeem siv .dark-img
thiab .light-img
cov chav kawm raws li qhia hauv qab no.
@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; }
}
Kauj ruam 3: Siv [data-ogsc] ua ntej rau theej tawm hom tsaus nti - Nrog rau cov lis dej num no rau email kom sib xws nrog hom tsaus nti hauv Outlook app rau hauv.
[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; }
Kauj Ruam 3: suav nrog cov hom tsaus nti-tsuas yog ua rau lub cev HTML - Koj cov HTML tag yuav tsum muaj cov chav kawm hom tsaus raug.
<!-- 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 Tsaus Ntuj Cov Ntsiab Lus Qhia Ntxiv thiab Cov Khoom Siv Ntxiv
Kuv ua hauj lwm nyob rau Martech Zone Cov ntawv xov xwm txhua hnub thiab txhua lub limtiam los txhawb hom tsaus nti… nco ntsoov sau npe nyob ntawm no. Raws li nrog rau feem ntau email coding, nws tsis yooj yim vim yog cov neeg siv email sib txawv thiab lawv cov txheej txheem coding txheej txheem. Ib qhov teeb meem uas kuv tau khiav mus rau yog kev zam… piv txwv li, koj xav tau cov ntawv dawb ntawm lub pob tsis hais hom tsaus nti. Tus lej code yog qhov tsis txaus ntseeg me ntsis… Kuv yuav tsum muaj cov kev zam hauv qab no:
@media (prefers-color-scheme: dark ) {
.dark-mode-button {
color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; }
Ib co kev pab ntxiv:
- Litmus - qhov kawg qhia rau tsaus hom rau email marketers.
- Phiaj los Nqis - tus tsim tawm phau ntawv qhia rau hom tsaus rau email.
Yog tias koj xav kom koj tus email templates hloov dua siab tshiab rau kev txhawb nqa hom tsaus, tsis txhob yig mus cuag DK New Media.