Meiliturundus ja automatiseerimine

E-posti tume režiim on kasutusele võtmas… Siin on, kuidas seda toetada

Tume režiim vähendab ekraani energiakasutust ja suurendab fookust. Mõned kasutajad väidavad ka, et tunnevad silmade väsimust, kuid see on nii küsitletud.

Tumeda režiimi kasutuselevõtt kasvab jätkuvalt. Tume režiim on nüüd saadaval macOS-is, iOS-is, Androidis ja paljudes rakendustes, sealhulgas Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail ja Reddit. Siiski ei ole kõigil alati täielikku tuge. E-posti tehnoloogias ei toimu sageli edusamme, seega on tore näha tumeda režiimi toe kasutuselevõttu ka meilis.

28. aasta augustis vaatas 2021% kasutajatest tumedas režiimis. 2022. aasta augustiks oli see arv kasvanud peaaegu 34%-ni.

Lakmus

Parimate tavade mõistmine, rakendatav kood ja klienditugi on pimeda režiimi edukaks rakendamiseks üliolulised. Sel põhjusel avaldas Uplersi meeskond selle tumeda režiimi juhendi e-posti tugi.

Hiljuti DK New Media töötas välja Salesforce Marketing Cloudi malli kliendi jaoks, mis sisaldas tumedat režiimi, mis kontrasteerib meilikliendis vaatamisel e-posti jaotisi dramaatiliselt. See on pingutus, mis võib suurendada teie tellijate seotust ja klikkimise määra.

Tumeda režiimi e-posti kood

1. samm: kaasake metaandmed e-posti klientide pimerežiimi lubamiseks – Esimene samm on lubada tume režiim e-kirjas abonentidele, kelle tumeda režiimi sätted on sisse lülitatud. Saate need metaandmed lisada silt.

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

2. samm: lisage pimedas režiimis stiilid @ media jaoks (eelistab värviskeemi: tume) - Kirjutage see meediumipäring manustatud manusesse tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS) ja Outlook App (iOS). Kui te ei soovi oma e-kirjas kontuuriga logo, võite seda kasutada .dark-img ja .light-img klassidesse, nagu allpool näidatud.

@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. samm: pimeda režiimi stiilide dubleerimiseks kasutage eesliidet [data-ogsc] - Lisage need koodid, et e-post ühilduks pimedas režiimis Androidi rakenduses 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. samm: kaasake keha HTML-i ainult pimedas režiimis kasutatavad stiilid - Teie HTML-märgenditel peavad olema õiged tumeda režiimi klassid.

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

Saada e-posti teel pimedas režiimis näpunäited ja lisaressursid

Olen selle kallal töötanud Martech Zone igapäevased ja iganädalased uudiskirjad tumeda režiimi toetamiseks... tehke seda kindlasti tellige siia. Nagu enamiku meilikoodide puhul, pole see erinevate meiliklientide ja nende patenteeritud kodeerimismetoodikate tõttu lihtne. Üks probleem, millega ma kokku puutusin, olid erandid... näiteks soovite, et nupul oleks valge tekst olenemata tumedast režiimist. Koodi hulk on natuke naeruväärne... Mul pidid olema järgmised erandid:

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

Mõned täiendavad ressursid:

  • Lakmus - ülim pimedas režiimis juhend e-posti turundajatele.
  • CampaignMonitor – arendaja juhend e-posti tumeda režiimi kohta.

Kui soovite, et teie meilimallid teisendataks tumeda režiimi toe jaoks, võtke julgelt ühendust DK New Media.

pime režiim meilides
Allikas: Ülemised

Douglas Karr

Douglas Karr on CMO of OpenINSIGHTS ja selle asutaja Martech Zone. Douglas on aidanud kümneid edukaid MarTechi idufirmasid, on aidanud Martechi omandamisel ja investeeringutel üle 5 miljardi dollari ulatuses läbi viia ning jätkab ettevõtete abistamist nende müügi- ja turundusstrateegiate rakendamisel ja automatiseerimisel. Douglas on rahvusvaheliselt tunnustatud digitaalse transformatsiooni ja MarTechi ekspert ja esineja. Douglas on ka Dummie juhendi ja ärijuhtimise raamatu autor.

seotud artiklid

Tagasi üles nupule
lähedal

Adblock tuvastatud

Martech Zone suudab teile seda sisu tasuta pakkuda, kuna teenime oma saidi rahaks reklaamitulu, sidusettevõtete linkide ja sponsorluse kaudu. Oleksime tänulikud, kui eemaldaksite meie saidi vaatamise ajal oma reklaamiblokeerija.