Электрондық пошта маркетингі және автоматтандыру

Электрондық поштаның қараңғы режимі қабылдануда… Міне, оны қалай қолдау керек

Қараңғы режим экран қуатын тұтынуды азайтады және фокусты арттырады. Кейбір пайдаланушылар көздің шаршағанын сезінетінін айтады, бірақ бұл солай деген сұрақ қойылды.

Қараңғы режимді қабылдау өсуде. Қараңғы режим енді macOS, iOS, Android жүйелерінде және Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail және Reddit сияқты көптеген қолданбаларда қол жетімді. Дегенмен, олардың әрқайсысында әрқашан толық қолдау бола бермейді. Электрондық пошта технологиясында жетістіктер жиі бола бермейді, сондықтан электрондық поштада қараңғы режимді қолдаудың қабылданғанын көру жақсы.

28 жылдың тамызында пайдаланушылардың 2021%-ы қараңғы режимде қарағанын көрдік. 2022 жылдың тамызында бұл сан 34%-ға жуық өсті.

лакмус

Ең жақсы тәжірибелерді, іске асырылатын кодты және клиентке қолдау көрсетуді түсіну қараңғы режимді іске асыру сәттілігі үшін маңызды. Осы себепті Uplers командасы қараңғы режимге арналған нұсқаулықты жариялады электрондық пошта арқылы қолдау.

Жақында, DK New Media Қараңғы режимді біріктірген клиент үшін Salesforce Marketing Cloud үлгісін әзірледі, ол электрондық пошта клиентінде қаралған кезде электрондық пошта бөлімдерін айтарлықтай қарама-қарсы қояды. Бұл сіздің жазылушыларыңыздың қосымша қатысуын және клик ставкаларын тудыруы мүмкін күш.

Қараңғы режимдегі электрондық пошта коды

1-қадам: Электрондық пошта клиенттерінде күңгірт режимді қосу үшін метадеректерді қосыңыз – Бірінші қадам – қараңғы режим параметрлері қосылған жазылушылар үшін электрондық поштада қараңғы режимді қосу. Бұл метадеректерді файлға қосуға болады тег.

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

2-қадам: @media үшін қараңғы режим стильдерін қосыңыз (қалайды-түс схемасы: қара) - Осы медиа сұранысты ендірілген жерге жазыңыз tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS) және Outlook App (iOS). Электрондық поштаңызда белгіленген логотипті қаламасаңыз, пайдалана аласыз .dark-img және .light-img төменде көрсетілгендей сыныптар.

@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-қадам: күңгірт режим мәнерлерін көшіру үшін [data-ogsc] префиксін қолданыңыз - Электрондық поштаға арналған кодтарды Android-ке арналған Outlook бағдарламасында қараңғы режиммен үйлесімді етіп қосыңыз.

[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-қадам: HTML мәтініне тек қараңғы режимдегі стильдерді қосыңыз - HTML тегтеріңізде дұрыс қараңғы режим сыныптары болуы керек.

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

Қараңғы режим туралы кеңестер мен қосымша ресурстарды электрондық пошта арқылы жіберіңіз

Мен жұмыс істедім Martech Zone қараңғы режимді қолдау үшін күнделікті және апта сайынғы ақпараттық бюллетеньдер… міндетті түрде мұнда жазылыңыз. Көптеген электрондық поштаны кодтау сияқты, әртүрлі электрондық пошта клиенттері мен олардың меншікті кодтау әдістемелеріне байланысты бұл оңай емес. Мен кездестірген бір мәселе ерекшеліктер болды… мысалы, қараңғы режимге қарамастан түймедегі ақ мәтінді алғыңыз келеді. Код мөлшері біршама күлкілі... Менде келесі ерекшеліктер болуы керек болды:

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

Кейбір қосымша ресурстар:

  • лакмус - электрондық пошта маркетологтары үшін қараңғы режимге арналған соңғы нұсқаулық.
  • НауқанМонитор – электрондық поштаға арналған қараңғы режимге әзірлеуші ​​нұсқаулығы.

Электрондық пошта үлгілерінің қараңғы режимді қолдау үшін түрлендірілуін қаласаңыз, хабарласудан тартынбаңыз DK New Media.

электрондық поштадағы қараңғы режим
Ақпарат көзі: Үңгірлер

Douglas Karr

Douglas Karr CMO болып табылады OpenINSIGHTS және негізін қалаушы Martech Zone. Дуглас ондаған табысты MarTech стартаптарына көмектесті, Martech сатып алулары мен инвестицияларына 5 миллиард доллардан астам қаражатты мұқият тексеруге көмектесті және компанияларға сату және маркетинг стратегияларын енгізу және автоматтандыруға көмектесуді жалғастыруда. Дуглас – халықаралық деңгейде танылған цифрлық трансформация және MarTech сарапшысы және спикері. Дуглас сонымен қатар Dummie's guide және бизнес көшбасшылығы кітабының жарияланған авторы.

Қатысты Мақалалар

Басына оралу
жақын

Adblock анықталды

Martech Zone Сізге бұл мазмұнды ақысыз ұсына алады, өйткені біз сайтымызды жарнамадан түсетін табыс, серіктестік сілтемелері және демеушілік арқылы монетизациялаймыз. Сайтымызды көрген кезде жарнама блокаторын алып тастасаңыз, біз ризамыз.