Էլփոստի մարքեթինգ և ավտոմատացում

Էլփոստի մութ ռեժիմը ձեռք է բերում ընդունում… Ահա թե ինչպես աջակցել այն

Մութ ռեժիմը նվազեցնում է էկրանի էներգիայի օգտագործումը և մեծացնում ուշադրությունը: Որոշ օգտատերեր նաև նշում են, որ զգում են աչքի լարվածության նվազում, բայց դա այդպես է հարցաքննվել է.

Մութ ռեժիմի ընդունումը շարունակում է աճել: Մութ ռեժիմն այժմ հասանելի է macOS-ում, iOS-ում, Android-ում և մի շարք հավելվածներում, ներառյալ Microsoft Outlook-ը, Safari-ն, Reddit-ը, Twitter-ը, YouTube-ը, Gmail-ը և Reddit-ը: Այնուամենայնիվ, միշտ չէ, որ յուրաքանչյուրում լիակատար աջակցություն կա: Հաճախ չէ, որ էլփոստի տեխնոլոգիայի առաջընթացներ են լինում, ուստի հաճելի է տեսնել մութ ռեժիմի աջակցության ընդունումը նաև էլ.

28 թվականի օգոստոսին մենք տեսանք օգտատերերի 2021%-ը, որոնք դիտում էին մութ ռեժիմում: 2022 թվականի օգոստոսին այդ թիվը հասել էր գրեթե 34%-ի:

Լիտմուսը

Լավագույն փորձի, ներդրման համար նախատեսված ծածկագրի և հաճախորդի աջակցության գիտակցումը կարևոր է մութ ռեժիմի հաջող իրականացման համար: Այդ պատճառով Uplers-ի թիմը հրապարակեց մութ ռեժիմի այս ուղեցույցը էլ. փոստի աջակցություն.

Վերջերս, DK New Media Հաճախորդի համար մշակել է Salesforce Marketing Cloud ձևանմուշ, որը ներառում է մութ ռեժիմը, որը կտրուկ հակադրում է էլփոստի բաժիններին, երբ դիտվում է էլփոստի հաճախորդում: Սա ջանքեր է, որը կարող է խթանել ձեր բաժանորդների լրացուցիչ ներգրավվածությունը և սեղմումների տոկոսադրույքները:

Dark mode էլեկտրոնային կոդ

Քայլ 1. Ներառեք մետատվյալները `էլփոստի հաճախորդներում մութ ռեժիմը միացնելու համար – Առաջին քայլը միացված մութ ռեժիմի կարգավորումներով բաժանորդների համար էլփոստում մուգ ռեժիմի միացումն է: Դուք կարող եք ներառել այս մետատվյալները հատկորոշել.

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

Քայլ 2. Ներառեք մութ ռեժիմի ոճերը @media- ի համար (նախընտրում է գունային սխեման ՝ մուգ) - Գրեք այս մեդիայի հարցումը ձեր ներկառուցված մեջ tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS) և Outlook հավելված (iOS): Եթե ​​դուք չեք ցանկանում ուրվագծված պատկերանշան ձեր էլ.փոստում, կարող եք օգտագործել .dark-img և .light-img դասեր, ինչպես ցույց է տրված ստորև:

@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. Օգտագործեք [data-ogsc] նախածանց ՝ կրկնօրինակելու համար մութ ռեժիմի ոճերը - Ներառեք այս կոդերը, որպեսզի էլփոստը համատեղելի լինի մութ ռեժիմի հետ Android- ի համար նախատեսված 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. Մարմնի HTML- ում ներառեք միայն մութ ռեժիմի ոճերը - Ձեր HTML պիտակները պետք է ունենան մութ ռեժիմի ճիշտ դասեր:

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

Ուղարկեք էլեկտրոնային փոստով մութ ռեժիմի վերաբերյալ խորհուրդներ և լրացուցիչ աղբյուրներ

Ես աշխատել եմ դրա վրա Martech Zone ամենօրյա և շաբաթական տեղեկագրեր՝ մութ ռեժիմին աջակցելու համար… անպայման բաժանորդագրվեք այստեղ. Ինչպես էլփոստի կոդավորման մեծ մասի դեպքում, դա պարզ չէ էլփոստի տարբեր հաճախորդների և դրանց կոդավորման սեփական մեթոդաբանությունների պատճառով: Մի խնդիր, որին ես հանդիպեցի, բացառություններն էին… օրինակ, դուք ուզում եք սպիտակ տեքստ կոճակի վրա՝ անկախ մութ ռեժիմից: Կոդի քանակը մի քիչ ծիծաղելի է… Ես ստիպված էի ունենալ հետևյալ բացառությունները.

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

Որոշ լրացուցիչ ռեսուրսներ.

  • Լիտմուսը - էլեկտրոնային փոստի շուկայավարողների համար մութ ռեժիմի վերջնական ուղեցույց:
  • CampaignMonitor- ը – մշակողի ուղեցույցը մութ ռեժիմի համար էլ.

Եթե ​​ցանկանում եք, որ ձեր էլփոստի ձևանմուշները փոխարկվեն մութ ռեժիմի աջակցության համար, մի հապաղեք դիմել DK New Media.

նամակների մեջ մութ ռեժիմ
Source: Վերևում

Douglas Karr

Douglas Karr -ի CMO-ն է OpenINSIGHTS և հիմնադիրը Martech Zone. Դուգլասը օգնել է MarTech-ի տասնյակ հաջողակ ստարտափների, աջակցել է ավելի քան 5 միլիարդ դոլարի չափով Martech-ի ձեռքբերումների և ներդրումների պատշաճ ուսումնասիրությանը և շարունակում է աջակցել ընկերություններին իրենց վաճառքի և շուկայավարման ռազմավարությունների իրականացման և ավտոմատացման գործում: Դուգլասը միջազգայնորեն ճանաչված թվային փոխակերպման և MarTech փորձագետ և խոսնակ է: Դուգլասը նաև Դումմիի ուղեցույցի և բիզնեսի առաջնորդության գրքի հրատարակված հեղինակ է:

Առնչվող հոդվածներ

Վերադառնալ սկիզբ կոճակը
փակել

Հայտնաբերվել է Adblock

Martech Zone կարող է անվճար տրամադրել ձեզ այս բովանդակությունը, քանի որ մենք դրամայնացնում ենք մեր կայքը գովազդից ստացված եկամուտների, փոխկապակցված հղումների և հովանավորությունների միջոցով: Մենք երախտապարտ կլինենք, եթե մեր կայքը դիտելիս հեռացնեիք ձեր գովազդային արգելափակիչը: