Modaliteti i errët për emailin po fiton miratim… Ja si ta mbështesni atë
Modaliteti i errët redukton përdorimin e energjisë së ekranit dhe rrit fokusin. Disa përdorues gjithashtu deklarojnë se ndjejnë një tendosje të reduktuar të syve, por kjo është janë pyetur.
Adoptimi i modalitetit të errët vazhdon të rritet. Modaliteti i errët tani është i disponueshëm në macOS, iOS, Android dhe një mori aplikacionesh, duke përfshirë Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail dhe Reddit. Megjithatë, nuk ka gjithmonë mbështetje të plotë për secilin. Nuk ndodh shpesh që ka përparime në teknologjinë e postës elektronike, kështu që është mirë të shihet miratimi i mbështetjes së modalitetit të errët edhe në email.
Ne pamë 28% të përdoruesve që shikonin në modalitetin e errët në gusht 2021. Deri në gusht 2022, ky numër ishte rritur në gati 34%.
Lakmus
Të kuptuarit e praktikave më të mira, kodit për t'u zbatuar dhe mbështetjes së klientit është thelbësore për suksesin tuaj të zbatimit të modalitetit të errët. Për këtë arsye, ekipi në Uplers publikoi këtë udhëzues për modalitetin e errët mbështetje emaili.
Kohët e fundit, DK New Media zhvilloi një shabllon Salesforce Marketing Cloud për një klient që përfshin modalitetin e errët, duke kontrastuar në mënyrë dramatike seksionet e emailit kur shikohen në një klient email. Është një përpjekje që mund të nxisë angazhim shtesë dhe norma të klikimeve për abonentët tuaj.
Kodi i postës elektronike të modalitetit të errët
Hapi 1: Përfshini meta të dhënat për të mundësuar modalitetin e errët në klientët e postës elektronike – Hapi i parë është aktivizimi i modalitetit të errët në email për abonentët me cilësimet e modalitetit të errët të aktivizuar. Ju mund t'i përfshini këto meta të dhëna në etiketë.
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
Hapi 2: Përfshini stilet e modalitetit të errët për @media (skema e ngjyrave të preferuara: e errët) - Shkruani këtë pyetje mediatike në tuajin e ngulitur tags to customize the dark mode styles in Apple Mail, iOS, Outlook.
com, Outlook 2019 (macOS) dhe Outlook App (iOS). Nëse nuk dëshironi një logo të përshkruar në emailin tuaj, mund ta përdorni .dark-img
.light-img
klasa siç tregohet më poshtë.
@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; }
}
Hapi 3: Përdorni prefiksin [data-ogsc] për të kopjuar stilet e modalitetit të errët - Përfshini këto kode që email-i të jetë i pajtueshëm me modalitetin e errët në aplikacionin Outlook për 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; }
Hapi 3: Përfshini stilet vetëm në modë të errët në HTML të trupit - Etiketat tuaja HTML duhet të kenë klasat e sakta të modalitetit të errët.
<!-- 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 -->
Këshilla për modalitetin e errët dhe burimet shtesë të postës elektronike
Unë kam qenë duke punuar në Martech Zone buletinet ditore dhe javore për të mbështetur modalitetin e errët… sigurohuni regjistrohuni këtu. Ashtu si me shumicën e kodimit të postës elektronike, nuk është e thjeshtë për shkak të klientëve të ndryshëm të postës elektronike dhe metodologjive të tyre të kodimit të pronarit. Një çështje me të cilën hasa ishin përjashtimet… për shembull, ju dëshironi tekst të bardhë në një buton pavarësisht nga modaliteti i errët. Sasia e kodit është paksa qesharake… Më duhej të kisha përjashtimet e mëposhtme:
@media (prefers-color-scheme: dark ) {
.dark-mode-button {
color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; }
Disa burime shtesë:
- Lakmus - udhëzuesi përfundimtar për modalitetin e errët për tregtarët e postës elektronike.
- CampaignMonitor – udhëzuesi i zhvilluesit për modalitetin e errët për email.
Nëse dëshironi që shabllonet tuaja të emailit të konvertohen për mbështetje në modalitetin e errët, mos hezitoni t'i drejtoheni DK New Media.