E-pasta mārketings un automatizācija

Tumšais režīms e-pastam tiek pieņemts... Lūk, kā to atbalstīt

Tumšais režīms samazina ekrāna enerģijas patēriņu un palielina fokusu. Daži lietotāji arī norāda, ka viņi jūt samazinātu acu nogurumu, bet tas tā ir nav apšaubīts.

Tumšā režīma ieviešana turpina pieaugt. Tumšais režīms tagad ir pieejams operētājsistēmās macOS, iOS, Android un daudzās lietotnēs, tostarp Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail un Reddit. Tomēr ne vienmēr ir pieejams pilnīgs atbalsts katrā. E-pasta tehnoloģijās nereti notiek sasniegumi, tāpēc ir patīkami redzēt tumšā režīma atbalsta ieviešanu arī e-pastā.

28. gada augustā 2021% lietotāju skatījās tumšajā režīmā. Līdz 2022. gada augustam šis skaits bija pieaudzis līdz gandrīz 34%.

Lakmuss

Paraugprakses izpratne, ieviešanas kods un klientu atbalsts ir ļoti svarīgi, lai tumšā režīma ieviešana būtu veiksmīga. Šī iemesla dēļ Uplers komanda publicēja šo tumšā režīma rokasgrāmatu e-pasta atbalsts.

Nesen, DK New Media izstrādāja Salesforce Marketing Cloud veidni klientam, kurā bija iekļauts tumšais režīms, dramatiski kontrastējot e-pasta sadaļas, skatoties e-pasta klientā. Tas ir darbs, kas var veicināt jūsu abonentu papildu piesaisti un vidējo klikšķu skaitu.

Tumšā režīma e-pasta kods

1. darbība: iekļaujiet metadatus, lai e-pasta klientos iespējotu tumšo režīmu – Pirmais solis ir iespējot tumšo režīmu e-pastā abonentiem, kuriem ir ieslēgti tumšā režīma iestatījumi. Šos metadatus varat iekļaut tagu.

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

2. darbība: iekļaujiet tumšā režīma stilus vietnei @media (dod priekšroku krāsu shēmai: tumšs) - Uzrakstiet šo multivides vaicājumu iegultā tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS) un Outlook App (iOS). Ja nevēlaties savā e-pastā ieskicētu logotipu, varat to izmantot .dark-img un .light-img klases, kā parādīts zemāk.

@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. darbība: izmantojiet prefiksu [data-ogsc], lai dublētu tumšā režīma stilus - Iekļaujiet šos kodus, lai e-pasts būtu saderīgs ar tumšo režīmu Android lietotnē 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. darbība: pamatteksta HTML iekļaujiet tikai tumšā režīma stilus - Jūsu HTML tagiem jābūt pareizām tumšā režīma klasēm.

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

Sūtīt pa e-pastu tumšā režīma padomus un papildu resursus

Esmu strādājis pie Martech Zone ikdienas un iknedēļas informatīvie izdevumi, lai atbalstītu tumšo režīmu… noteikti abonēt šeit. Tāpat kā lielākā daļa e-pasta kodēšanas, tas nav vienkārši dažādu e-pasta klientu un to patentētās kodēšanas metodoloģijas dēļ. Viena problēma, ar kuru es saskāros, bija izņēmumi… piemēram, vēlaties uz pogas baltu tekstu neatkarīgi no tumšā režīma. Koda daudzums ir mazliet smieklīgs... Man bija šādi izņēmumi:

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

Daži papildu resursi:

  • Lakmuss - galīgais ceļvedis tumšā režīmā e-pasta tirgotājiem.
  • CampaignMonitor – izstrādātāja rokasgrāmata e-pasta tumšajam režīmam.

Ja vēlaties, lai jūsu e-pasta veidnes tiktu pārveidotas tumšā režīma atbalstam, nevilcinieties sazināties ar DK New Media.

tumšais režīms e-pastos
Avots: Augšējie

Douglas Karr

Douglas Karr ir TKO no OpenINSIGHTS un dibinātājs Martech Zone. Duglass ir palīdzējis desmitiem veiksmīgu MarTech jaunuzņēmumu, ir palīdzējis veikt vairāk nekā 5 miljardu dolāru Martech iegādes un ieguldījumu uzticamības pārbaudi, kā arī turpina palīdzēt uzņēmumiem ieviest un automatizēt to pārdošanas un mārketinga stratēģijas. Douglas ir starptautiski atzīts digitālās transformācijas un MarTech eksperts un runātājs. Duglass ir arī publicēts Dummie rokasgrāmatas un biznesa vadības grāmatas autors.

Saistītie raksti

Atpakaļ uz augšu pogu
aizvērt

Reklāmu bloķēšana konstatēta

Martech Zone var nodrošināt jums šo saturu bez maksas, jo mēs gūstam peļņu no savas vietnes, izmantojot ieņēmumus no reklāmām, saistīto uzņēmumu saites un sponsorēšanu. Būsim pateicīgi, ja, apskatot mūsu vietni, noņemtu savu reklāmu bloķētāju.