Marchnata E-bost ac Awtomeiddio

Mae Modd Tywyll Ar Gyfer E-bost Yn Ennill Mabwysiadu… Dyma Sut I'w Gefnogi

Mae modd tywyll yn lleihau'r defnydd o ynni sgrin ac yn cynyddu ffocws. Mae rhai defnyddwyr hefyd yn dweud eu bod yn teimlo llai o straen ar y llygaid, ond dyna wedi cael ei holi.

Mae mabwysiadu modd tywyll yn parhau i dyfu. Mae modd tywyll bellach ar gael ar draws macOS, iOS, Android, a llu o apiau, gan gynnwys Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail, a Reddit. Fodd bynnag, nid oes cefnogaeth lawn ar draws pob un bob amser. Nid yn aml y mae datblygiadau mewn technoleg e-bost, felly mae'n braf gweld cefnogaeth modd tywyll yn cael ei fabwysiadu mewn e-bost hefyd.

Gwelsom 28% o ddefnyddwyr yn gwylio yn y Modd Tywyll ym mis Awst 2021. Erbyn Awst 2022, roedd y nifer hwnnw wedi cynyddu i bron i 34%.

Litmws

Mae deall arferion gorau, cod i'w gweithredu, a chefnogaeth cleientiaid yn hanfodol i lwyddiant gweithredu modd tywyll. Am y rheswm hwnnw, cyhoeddodd tîm Uplers y canllaw hwn i'r modd tywyll cefnogaeth e-bost.

Yn ddiweddar, DK New Media datblygu templed Salesforce Marketing Cloud ar gyfer cleient a oedd yn ymgorffori Modd Tywyll, gan gyferbynnu'n ddramatig yr adrannau e-bost pan edrychir arnynt mewn cleient e-bost. Mae'n ymdrech a allai ysgogi cyfraddau ymgysylltu a chlicio ychwanegol ar gyfer eich tanysgrifwyr.

Cod E-bost Modd Tywyll

Cam 1: Cynnwys metadata i alluogi modd tywyll mewn cleientiaid e-bost - Y cam cyntaf yw galluogi modd tywyll yn yr e-bost ar gyfer tanysgrifwyr gyda gosodiadau modd tywyll wedi'u troi ymlaen. Gallwch gynnwys y metadata hwn yn y tag.

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

Cam 2: Cynhwyswch arddulliau modd tywyll ar gyfer @media (mae'n well-cynllun lliw: tywyll) - Ysgrifennwch yr ymholiad cyfryngau hwn yn eich gwreiddio tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS), ac Outlook App (iOS). Os nad ydych chi eisiau logo wedi'i amlinellu yn eich e-bost, gallwch chi ei ddefnyddio .dark-img a .light-img dosbarthiadau fel y dangosir isod.

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

Cam 3: Defnyddiwch ragddodiad [data-ogsc] i ddyblygu arddulliau modd tywyll - Cynhwyswch y codau hyn er mwyn i'r e-bost fod yn gydnaws â'r modd tywyll yn app Outlook ar gyfer 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; }

Cam 3: Cynhwyswch arddulliau tywyll yn y modd yn unig i'r corff HTML - Rhaid bod gan eich tagiau HTML y dosbarthiadau modd tywyll cywir.

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

E-bostiwch Awgrymiadau Modd Tywyll ac Adnoddau Ychwanegol

Rydw i wedi bod yn gweithio ar y Martech Zone cylchlythyrau dyddiol ac wythnosol i gefnogi'r modd tywyll ... gofalwch eich bod tanysgrifiwch yma. Fel gyda'r rhan fwyaf o godio e-bost, nid yw'n syml oherwydd y gwahanol gleientiaid e-bost a'u methodolegau codio perchnogol. Un mater wnes i redeg i mewn iddo oedd eithriadau ... er enghraifft, rydych chi eisiau testun gwyn ar fotwm waeth beth fo'r modd tywyll. Mae maint y cod ychydig yn chwerthinllyd… roedd yn rhaid i mi gael yr eithriadau canlynol:

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

Rhai adnoddau ychwanegol:

  • Litmws - y canllaw eithaf ar gyfer modd tywyll ar gyfer marchnatwyr e-bost.
  • YmgyrchMonitor – canllaw'r datblygwr i'r modd tywyll ar gyfer e-bost.

Os ydych chi am i'ch templedi e-bost gael eu trosi ar gyfer cefnogaeth modd tywyll, peidiwch ag oedi cyn estyn allan DK New Media.

modd tywyll mewn e-byst
ffynhonnell: Uwyr

Douglas Karr

Douglas Karr yn CMO o AGOREDION a sylfaenydd y Martech Zone. Mae Douglas wedi helpu dwsinau o fusnesau newydd llwyddiannus MarTech, wedi cynorthwyo gyda diwydrwydd dyladwy o dros $5 bil mewn caffaeliadau a buddsoddiadau Martech, ac yn parhau i gynorthwyo cwmnïau i weithredu ac awtomeiddio eu strategaethau gwerthu a marchnata. Mae Douglas yn arbenigwr trawsnewid digidol ac yn siaradwr MarTech a gydnabyddir yn rhyngwladol. Mae Douglas hefyd yn awdur cyhoeddedig canllaw Dummie a llyfr arweinyddiaeth busnes.

Erthyglau Perthnasol

Yn ôl i'r brig botwm
Cau

Adblock Wedi'i Ganfod

Martech Zone yn gallu darparu'r cynnwys hwn i chi heb unrhyw gost oherwydd ein bod yn rhoi arian i'n gwefan trwy refeniw hysbysebu, dolenni cyswllt, a nawdd. Byddem yn gwerthfawrogi petaech yn cael gwared ar eich rhwystrwr hysbysebion wrth i chi edrych ar ein gwefan.