Email Marketing u Awtomazzjoni

Dark Mode Għall-Email Qed Tikseb Adozzjoni... Hawn Kif Tappoġġjaha

Il-mod skur inaqqas l-użu tal-enerġija tal-iskrin u jżid il-fokus. Xi utenti jiddikjaraw ukoll li jħossu pressjoni mnaqqsa tal-għajnejn, iżda dak hu ġiet mistoqsija.

L-adozzjoni tal-mod skur tkompli tikber. Il-mod skur issa huwa disponibbli fuq macOS, iOS, Android, u għadd ta' apps, inklużi Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail u Reddit. Madankollu, mhux dejjem ikun hemm appoġġ sħiħ f'kull wieħed. Mhux ta 'spiss li jkun hemm avvanzi fit-teknoloġija tal-email, għalhekk huwa sabiħ li tara l-adozzjoni tal-appoġġ tal-mod skur fl-email ukoll.

Rajna 28% tal-utenti jaraw fil-Modalità Skura f'Awwissu 2021. Sa Awwissu 2022, dak in-numru żdied għal kważi 34%.

Litmus

Il-fehim tal-aħjar prattiki, il-kodiċi biex timplimenta, u l-appoġġ tal-klijent huwa kritiku għas-suċċess tal-implimentazzjoni tiegħek tal-modalità skur. Għal dik ir-raġuni, it-tim f'Uplers ippubblika din il-gwida għall-modalità skur appoġġ għall-email.

Riċentement, DK New Media żviluppa mudell Salesforce Marketing Cloud għal klijent li inkorpora Dark Mode, b'kuntrast drammatiku mat-taqsimiet tal-email meta dehret f'klijent tal-email. Huwa sforz li jista 'jwassal għal impenn addizzjonali u rati ta' click-through għall-abbonati tiegħek.

Kodiċi tal-Email Modalità Skura

Pass 1: Inkludi metadata biex tippermetti l-mod skur fil-klijenti tal-email – L-ewwel pass huwa li tippermetti l-modalità skur fl-email għall-abbonati b'settings tal-modalità skur mixgħula. Tista' tinkludi din il-metadata fil- tikketta.

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

Pass 2: Inkludi stili tal-modalità skura għal @media (tippreferi-kulur-skema: skur) - Ikteb din il-mistoqsija tal-midja fl-inkorporat tiegħek tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS), u Outlook App (iOS). Jekk ma tridx logo deskritt fil-qosor fl-email tiegħek, tista' tuża .dark-img u, .light-img klassijiet kif muri hawn taħt.

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

Pass 3: Uża l-prefiss [data-ogsc] biex tiddupplika stili ta 'modalità skura - Inkludi dawn il-kodiċijiet biex l-email tkun kompatibbli mal-modalità skura fl-app Outlook għal 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; }

Pass 3: Inkludi stili ta 'modalità skura biss għall-HTML tal-ġisem - It-tikketti HTML tiegħek għandu jkollhom il-klassijiet korretti tal-modalità skura.

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

Ibgħat Email Tips Dark Mode u Riżorsi Addizzjonali

Ilni naħdem fuq il - Martech Zone newsletters ta 'kuljum u ta' kull ġimgħa biex jappoġġjaw il-modalità skur... kun żgur li Abbona hawn. Bħal fil-biċċa l-kbira tal-kodifikazzjoni tal-email, mhuwiex sempliċi minħabba l-klijenti tal-email differenti u l-metodoloġiji proprjetarji tal-kodifikazzjoni tagħhom. Kwistjoni waħda li ltqajt magħha kienet l-eċċezzjonijiet... pereżempju, trid test abjad fuq buttuna irrispettivament mill-mod skur. L-ammont ta 'kodiċi huwa daqsxejn redikoli... Kelli li jkolli l-eċċezzjonijiet li ġejjin:

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

Xi riżorsi addizzjonali:

  • Litmus - il-gwida aħħarija għall-modalità skura għall-kummerċjanti tal-email.
  • CampaignMonitor – il-gwida tal-iżviluppatur għal mod skur għall-email.

Jekk trid li l-mudelli tal-email tiegħek jiġu kkonvertiti għall-appoġġ tal-mod skur, toqgħodx lura milli tilħaq DK New Media.

modalità skura fl-emails
sors: Uplers

Douglas Karr

Douglas Karr huwa CMO ta OpenINSIGHTS u l-fundatur tal- Martech Zone. Douglas għen għexieren ta’ startups ta’ MarTech ta’ suċċess, għen fid-diliġenza dovuta ta’ aktar minn $5 biljun f’akkwisti u investimenti ta’ Martech, u jkompli jgħin lill-kumpaniji fl-implimentazzjoni u l-awtomatizzazzjoni tal-istrateġiji tal-bejgħ u l-kummerċjalizzazzjoni tagħhom. Douglas huwa trasformazzjoni diġitali rikonoxxuta internazzjonalment u espert u kelliem tal-MarTech. Douglas huwa wkoll awtur ippubblikat ta 'gwida ta' Dummie u ktieb ta 'tmexxija tan-negozju.

Artikli relatati

Lura għall-buttuna ta 'fuq
Agħlaq

Adblock Individwat

Martech Zone huwa kapaċi jagħtik dan il-kontenut mingħajr ebda spiża għaliex aħna monetize is-sit tagħna permezz ta 'dħul minn reklam, links affiljati, u sponsorships. Napprezzaw jekk tneħħi l-imblokkatur tar-reklami tiegħek hekk kif tara s-sit tagħna.