E-poçt Marketinqi və Avtomatlaşdırma

E-poçt üçün Qaranlıq Rejim qəbul edilir... Bunu necə dəstəkləmək olar

Qaranlıq rejim ekranın enerji istehlakını azaldır və diqqəti artırır. Bəzi istifadəçilər də azalmış göz yorğunluğunu hiss etdiklərini bildirirlər, lakin bu belədir dindirildi.

Qaranlıq rejimin qəbulu artmaqda davam edir. Qaranlıq rejim indi macOS, iOS, Android və Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail və Reddit daxil olmaqla bir sıra proqramlarda əlçatandır. Hər halda, hər zaman tam dəstək olmur. E-poçt texnologiyasında irəliləyişlərin olması tez-tez olmur, ona görə də e-poçtda qaranlıq rejim dəstəyinin qəbulunu görmək xoşdur.

28-ci ilin avqustunda istifadəçilərin 2021%-nin Qaranlıq rejimdə baxdığını gördük. 2022-ci ilin avqustunda bu rəqəm təxminən 34%-ə yüksəldi.

Lakmus

Ən yaxşı təcrübələri, həyata keçirilməli kodu və müştəri dəstəyini başa düşmək qaranlıq rejimin həyata keçirilməsi uğurunuz üçün çox vacibdir. Bu səbəbdən, Uplers komandası qaranlıq rejim üçün bu təlimatı nəşr etdi e-poçt dəstəyi.

Son zamanlar, DK New Media e-poçt müştərisində baxıldıqda e-poçt bölmələrini kəskin şəkildə əks etdirən Qaranlıq rejimi özündə birləşdirən müştəri üçün Salesforce Marketing Cloud şablonu hazırladı. Bu, abunəçiləriniz üçün əlavə əlaqə və kliklənmə dərəcələrini artıra biləcək bir səydir.

Qaranlıq rejimin elektron poçt kodu

Addım 1: E-poçt müştərilərində qaranlıq rejimi təmin etmək üçün meta məlumatları daxil edin – İlk addım qaranlıq rejim parametrləri aktiv edilmiş abunəçilər üçün e-poçtda qaranlıq rejimi aktivləşdirməkdir. Bu metadatanı daxil edə bilərsiniz etiket.

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

Addım 2: @media üçün qaranlıq rejim üslublarını daxil edin (üstünlük rəng sxemi: qaranlıq) - Bu media sorğusunu daxil etdiyiniz yerə yazın tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS) və Outlook Tətbiqi (iOS). E-poçtunuzda təsvir edilmiş loqo istəmirsinizsə, istifadə edə bilərsiniz .dark-img.light-img aşağıda göstərildiyi kimi siniflər.

@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; } 
}

Addım 3: Qaranlıq rejim üslublarını təkrarlamaq üçün [data-ogsc] prefiksindən istifadə edin - Android üçün Outlook tətbiqetməsində qaranlıq rejimə uyğun olması üçün e-poçt üçün bu kodları daxil edin.

[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; }

Addım 3: Yalnız qaranlıq rejim üslublarını gövdə HTML-yə daxil edin - HTML etiketləriniz düzgün qaranlıq rejim siniflərinə sahib olmalıdır.

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

Qaranlıq rejim haqqında və əlavə mənbələrə e-poçt göndərin

Mən üzərində işləyirəm Martech Zone qaranlıq rejimi dəstəkləmək üçün gündəlik və həftəlik bülletenlər… əmin olun buraya abunə olun. Əksər e-poçt kodlaşdırmasında olduğu kimi, müxtəlif e-poçt müştəriləri və onların xüsusi kodlaşdırma metodologiyalarına görə bu sadə deyil. Qarşılaşdığım bir məsələ istisnalar idi... məsələn, qaranlıq rejimdən asılı olmayaraq düymədə ağ mətn istəyirsiniz. Kodun miqdarı bir az gülüncdür... Aşağıdakı istisnalara sahib olmalı idim:

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

Bəzi əlavə mənbələr:

  • Lakmus - e-poçt satıcıları üçün qaranlıq rejim üçün əsas bələdçi.
  • KampaniyaMonitor – e-poçt üçün qaranlıq rejim üçün tərtibatçının bələdçisi.

E-poçt şablonlarınızın qaranlıq rejim dəstəyinə çevrilməsini istəyirsinizsə, əlaqə saxlamaqdan çəkinməyin DK New Media.

e-poçtlarda qaranlıq rejim
Mənbə: Yüksəklər

Douglas Karr

Douglas Karr CMO-dur OpenINSIGHTS və təsisçisi Martech Zone. Duqlas onlarla uğurlu MarTech startapına kömək edib, Martech-in satınalmalarında və investisiyalarında 5 milyard dollardan çox dəyərində lazımi araşdırmaya kömək edib və şirkətlərə satış və marketinq strategiyalarının həyata keçirilməsində və avtomatlaşdırılmasında kömək etməyə davam edir. Duqlas beynəlxalq səviyyədə tanınan rəqəmsal transformasiya və MarTech eksperti və məruzəçisidir. Douglas həm də Dummie's guide və biznes liderliyi kitabının nəşr edilmiş müəllifidir.

əlaqəli məqalələr

Başa dön düyməsini basın
yaxın

Adblock Aşkarlandı

Martech Zone bu məzmunu heç bir ödəniş etmədən sizə təqdim edə bilir, çünki biz reklam gəlirləri, filial bağlantıları və sponsorluqlar vasitəsilə saytımızdan pul qazanırıq. Saytımıza baxarkən reklam blokerinizi silsəniz çox şad olarıq.