Маркетынг і аўтаматызацыя электроннай пошты

Цёмны рэжым для электроннай пошты набірае прыняцце… Вось як яго падтрымаць

Цёмны рэжым зніжае спажыванне энергіі экрана і павышае ўвагу. Некаторыя карыстальнікі таксама заяўляюць, што яны адчуваюць зніжэнне нагрузкі на вочы, але гэта так быў дапытаны.

Прыняцце цёмнага рэжыму працягвае расці. Цёмны рэжым цяпер даступны для 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] для дубліравання стыляў цёмнага рэжыму - Уключыце гэтыя коды для электроннай пошты, каб быць сумяшчальным з цёмным рэжымам у праграме Outlook для 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; }

Крок 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, аказаў дапамогу ў належнай абачлівасці больш чым на 5 мільярдаў долараў у набыцці і інвестыцыях Martech і працягвае дапамагаць кампаніям у рэалізацыі і аўтаматызацыі іх продажаў і маркетынгавых стратэгій. Дуглас - міжнародна прызнаны эксперт і дакладчык па лічбавай трансфармацыі і MarTech. Дуглас таксама з'яўляецца апублікаваным аўтарам даведніка па манекенах і кнігі па бізнес-кіраўніцтву.

Артыкулы па Тэме

Вярнуцца да пачатку кнопкі
блізка

Выяўлена блакіроўка рэкламы

Martech Zone можа даць вам гэты кантэнт бясплатна, таму што мы манетызуем наш сайт за кошт даходаў ад рэкламы, партнёрскіх спасылак і спонсарства. Мы былі б удзячныя, калі б вы выдалілі блакіроўшчык рэкламы пры праглядзе нашага сайта.