Retpoŝta Merkatado kaj Aŭtomatigo

Malhela Reĝimo Por Retpoŝto Akiras Adopton... Jen Kiel Subteni Ĝin

Malhela reĝimo reduktas ekranan energiuzon kaj pliigas fokuson. Iuj uzantoj ankaŭ deklaras, ke ili sentas reduktitan okulstreĉon, sed tio estas estis pridemandita.

Malhela reĝimo adopto daŭre kreskas. Malhela reĝimo nun haveblas tra macOS, iOS, Android kaj multaj programoj, inkluzive de Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail kaj Reddit. Tamen ne ĉiam estas plena subteno tra ĉiu. Ne ofte estas progresoj en retpoŝta teknologio, do estas agrable vidi la adopton de malhela reĝimo-subteno ankaŭ en retpoŝto.

Ni vidis 28% de uzantoj rigardantaj en Malhela Reĝimo en aŭgusto 2021. Antaŭ aŭgusto 2022, tiu nombro pliiĝis al preskaŭ 34%.

Tornasol

Kompreni plej bonajn praktikojn, kodon por efektivigi kaj klientan subtenon estas kritika por via efektiviga sukceso de malhela reĝimo. Tial, la teamo ĉe Uplers publikigis ĉi tiun gvidilon pri malhela reĝimo retpoŝta subteno.

lastatempe, DK New Media evoluigis Salesforce Marketing Cloud-ŝablonon por kliento, kiu korpigis Malhelan Reĝimon, draste kontrastante la retpoŝtajn sekciojn kiam oni vidas en retpoŝta kliento. Ĝi estas fortostreĉo, kiu povas konduki al plian engaĝiĝon kaj klakprocentojn por viaj abonantoj.

Retpoŝta Kodo de Malluma Reĝimo

Paŝo 1: Inkluzivi metadatenojn por ebligi malhelan reĝimon en retpoŝtaj klientoj – La unua paŝo estas ebligi malhelan reĝimon en la retpoŝto por abonantoj kun agordoj de malhela reĝimo ŝaltita. Vi povas inkluzivi ĉi tiujn metadatumojn en la etikedo.

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

Paŝo 2: Inkluzivi malhelajn reĝimajn stilojn por @media (prefers-color-scheme: dark) - Skribu ĉi tiun amaskomunikan demandon en via enigita tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS), kaj Outlook App (iOS). Se vi ne volas skizitan emblemon en via retpoŝto, vi povas uzi .dark-img kaj .light-img klasoj kiel montrite sube.

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

Paŝo 3: Uzu prefikson [data-ogsc] por kopii malhelajn reĝimajn stilojn - Inkluzivi ĉi tiujn kodojn por ke la retpoŝto estu kongrua kun malhela reĝimo en Outlook-programo por 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; }

Paŝo 3: Inkluzivi malhelajn reĝimojn nur al la korpo HTML - Viaj HTML-etikedoj devas havi la ĝustajn klasojn de malluma reĝimo.

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

Retpoŝti Mallumajn Modajn Konsiletojn kaj Pliajn Rimedojn

Mi laboris pri la Martech Zone ĉiutagaj kaj semajnaj informiloj por subteni malhelan reĝimon... nepre aboni ĉi tie. Kiel ĉe la plej multaj retpoŝtaj kodigoj, ĝi ne estas simpla pro la malsamaj retpoŝtaj klientoj kaj iliaj propraj kodigaj metodologioj. Unu afero, kiun mi renkontis, estis esceptoj... ekzemple, vi volas blankan tekston sur butono sendepende de malhela reĝimo. La kvanto de kodo estas iom ridinda... Mi devis havi la jenajn esceptojn:

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

Iuj aldonaj rimedoj:

  • Tornasol - la finfina gvidilo por malluma reĝimo por retpoŝtaj vendistoj.
  • CampaignMonitor – la gvidilo de la programisto pri malhela reĝimo por retpoŝto.

Se vi volas, ke viaj retpoŝtaj ŝablonoj konvertiĝu por subteno de malhela reĝimo, ne hezitu kontakti DK New Media.

malluma reĝimo en retpoŝtoj
Fonto: Uplers

Douglas Karr

Douglas Karr estas CMO de OpenINSIGHTS kaj la fondinto de la Martech Zone. Douglas helpis dekduojn da sukcesaj MarTech-noventreprenoj, helpis en la konvena diligento de pli ol $ 5 miliardoj en Martech-akiroj kaj investoj, kaj daŭre helpas firmaojn en efektivigado kaj aŭtomatigo de siaj vendaj kaj merkatigstrategioj. Douglas estas internacie agnoskita cifereca transformo kaj MarTech-eksperto kaj parolanto. Douglas ankaŭ estas publikigita verkinto de la gvidisto de Dummie kaj komerca gvidadlibro.

rilataj Artikoloj

Reen al la supra butono
Fermi

Adbloko Detektita

Martech Zone kapablas provizi al vi ĉi tiun enhavon senkoste ĉar ni monetigas nian retejon per reklamaj enspezoj, filiaj ligiloj kaj sponsorado. Ni dankus se vi forigus vian reklamblokilon dum vi rigardas nian retejon.