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

Электрондук почтанын кара режими кабыл алынууда… Бул жерде аны кантип колдоо керек

Караңгы режим экрандын энергиясын колдонууну азайтып, фокусту жогорулатат. Кээ бир колдонуучулар да көздүн чыңалуусун сезишет, бирок бул суралды.

Караңгы режимди кабыл алуу өсүүдө. Караңгы режим азыр macOS, iOS, Android жана Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail жана Reddit сыяктуу көптөгөн колдонмолордо жеткиликтүү. Бирок ар бирине ар дайым толук колдоо боло бербейт. Электрондук почта технологиясында прогресстер көп кездешпейт, андыктан электрондук почтада да караңгы режимдин колдоосу кабыл алынганын көрүү жагымдуу.

28-жылдын август айында колдонуучулардын 2021% Караңгы режимде көргөнүн көрдүк. 2022-жылдын августуна карата бул сан дээрлик 34% га көбөйдү.

лакмус кагазы

Мыкты тажрыйбаларды, ишке ашыруу үчүн кодду жана кардарларды колдоону түшүнүү караңгы режимди ишке ашыруунун ийгилиги үчүн маанилүү. Ушул себептен улам, Uplers командасы бул колдонмону караңгы режимге жарыялады электрондук почта колдоо.

Жакында, DK New Media Dark Mode камтылган кардар үчүн 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; } 

Айрым кошумча ресурстар:

  • лакмус кагазы - электрондук почта сатуучулары үчүн караңгы режим үчүн акыркы колдонмо.
  • CampaignMonitor – электрондук почта үчүн караңгы режимге иштеп чыгуучунун колдонмосу.

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

электрондук почталарда караңгы режим
Source: Uplers

Douglas Karr

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

Тектеш макалалар

Артка жогорку баскычы
жакын

Adblock аныкталды

Martech Zone Бул мазмунду сизге эч кандай акы төлөбөй бере алат, анткени биз сайтыбызды жарнамадан түшкөн киреше, өнөктөштүк шилтемелер жана демөөрчүлүк аркылуу акча табабыз. Биздин сайтты көрүп жатканыңызда жарнама блокаторуңузду алып салсаңыз, биз ыраазыбыз.