Kirrûbirra Email & Otomasyon

Moda Dark Ji Bo E-nameyê Pejirandinê Distîne… Li vir Meriv Çawa Piştgiriya Wê Dike

Moda tarî karanîna enerjiya ekranê kêm dike û balê zêde dike. Hin bikarhêner jî diyar dikin ku ew hestek kêmbûna çavan hîs dikin, lê ew e hatiye pirsîn.

Pejirandina moda tarî her ku diçe mezin dibe. Moda tarî naha li seranserê macOS, iOS, Android, û gelek sepanan peyda dibe, di nav de Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail, û Reddit. Lêbelê, her gav piştgiriyek tam li her yekê tune. Pir caran ne ku di teknolojiya e-nameyê de pêşkeftin hene, ji ber vê yekê xweş e ku meriv di e-nameyê de piştgirîya moda tarî jî bibîne.

Me dît ku 28% ji bikarhêneran di Tebaxa 2021-an de di Moda Tarî de dibînin. Heya Tebaxa 2022-an, ew hejmar gihîştibû nêzîkî 34%.

Lîtmus

Fêmkirina pratîkên çêtirîn, koda bicîhkirinê, û piştgiriya xerîdar ji bo serkeftina pêkanîna weya moda tarî krîtîk e. Ji ber vê yekê, tîmê li Uplers ev rêbernameya moda tarî weşand piştgiriya email.

Berî demekê, DK New Media Şablonek Salesforce Marketing Cloud ji bo xerîdarek ku moda tarî vedihewîne pêşxist, dema ku di xerîdarek e-nameyê de tê dîtin beşên e-nameyê bi rengek berbiçav berovajî dike. Ew hewildanek e ku dibe ku ji bo aboneyên we tevlêbûnek zêde û rêjeyên bikirtînin.

Mîfreya E-nameyê ya Modeya Tarî

Step 1: Metadata têxin nav xwe da ku hûn di xerîdarên e-nameyê de moda tarî bikar bînin - Gava yekem ev e ku meriv moda tarî di e-nameyê de ji bo aboneyên ku mîhengên moda tarî vekirî ne çalak bikin. Hûn dikarin vê metadata têxin nav tag.

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

Gav 2: Ji bo @media şêwazên moda tarî têxin nav xwe (tercîh-reng-reng: tarî) - Vê lêpirsîna medyayê di nav xwe de bicîhkirî binivîsin tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS), û Outlook App (iOS). Heke hûn di e-nameya xwe de logoyek diyarkirî naxwazin, hûn dikarin bikar bînin .dark-img û .light-img dersên ku li jêr tê nîşandan.

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

Gava 3: Pêşniyara [data-ogsc] bikar bînin ku şêwazên moda tarî dubare bikin - Van kodan têxin navnîşana e-nameyê ku bi moda tarî re di bernameya Outlook-a ji bo Android-ê de lihevhatî be.

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

Gava 3: Tevlî şêwazên tarî-modê tenê bi laş HTML-ê re bikin - Divê navnîşên HTML-ê dersên moda tarî ya rast hebin.

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

Serişteyên Modeya Tarî û Çavkaniyên Zêdetir E-name bişînin

Ez li ser dixebitîm Martech Zone bultenên rojane û heftane ji bo piştgirîkirina moda tarî… pê ewle bin li vir bibin endam. Mîna piraniya kodkirina e-nameyê, ew ji ber xerîdarên e-nameyê yên cihêreng û metodolojiyên kodkirina wan ên xwedan ne hêsan e. Pirsgirêkek ku ez ketim îstîsnayan bû… mînakî, hûn bêyî ku moda tarî li ser bişkojkê nivîsek spî dixwazin. Mîqdara kodê hinekî bêaqil e… Diviyabû ku min îstîsnayên jêrîn hebin:

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

Hin çavkaniyên din:

  • Lîtmus - rêberê herî dawîn ji bo moda tarî ji bo bazirganên e-nameyan.
  • CampaignMonitor - rêberê pêşdebir ji bo moda tarî ya ji bo e-nameyê.

Ger hûn dixwazin şablonên e-nameya xwe ji bo piştgirîya moda tarî werin veguheztin, dudilî nebin ku bigihîjin DK New Media.

di e-nameyan de moda tarî
Kanî: Uplers

Douglas Karr

Douglas Karr CMO ya ye OpenINSIGHTS û damezrînerê ya Martech Zone. Douglas alîkariya bi dehan destpêkên serketî yên MarTech kir, di kirîn û veberhênanên Martech de zêdetirî 5 mîlyar dolar alîkarî kir, û di cîbicîkirin û otomatîkkirina stratejiyên firotanê û kirrûbirra xwe de alîkariya pargîdaniyan didomîne. Douglas veguherînek dîjîtal a navneteweyî û pispor û axaftvanek MarTech e. Douglas di heman demê de nivîskarek çapkirî ya rêberê Dummie û pirtûkek serokatiya karsaziyê ye.

Zimanî babet Related

Vegere ser topê
Nêzîkî

Adblock Hat Tesbîtkirin

Martech Zone dikare vê naverokê bê mesref ji we re peyda bike ji ber ku em malpera xwe bi dahata reklamê, girêdanên pêwendiyê, û sponsorgeriyê drav dikin. Dema ku hûn malpera me temaşe dikin, em ê spas bikin ger hûn bloka reklama xwe rakin.