इमेल मार्केटिङ र स्वचालन

इमेलका लागि डार्क मोड अपनाइँदैछ... यसलाई समर्थन गर्ने तरिका यहाँ छ

गाढा मोडले स्क्रिनको ऊर्जा प्रयोग घटाउँछ र फोकस बढाउँछ। केही प्रयोगकर्ताहरूले पनि उनीहरूले आँखाको तनाव कम भएको महसुस गर्छन्, तर त्यो हो प्रश्न गरीयो.

डार्क मोड अपनाउने क्रम बढ्दै गएको छ। डार्क मोड अब macOS, iOS, Android, र Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail, र Reddit लगायतका धेरै एपहरूमा उपलब्ध छ। यद्यपि, प्रत्येकमा सधैं पूर्ण समर्थन हुँदैन। यो प्राय: इमेल टेक्नोलोजीमा प्रगतिहरू छैनन्, त्यसैले यो इमेलमा पनि गाढा मोड समर्थनको अपनाउनु राम्रो छ।

हामीले अगस्ट २०२१ मा २८% प्रयोगकर्ताहरू डार्क मोडमा हेरिरहेका देख्यौं। अगस्ट २०२२ सम्ममा त्यो संख्या बढेर लगभग ३४% पुगेको थियो।

लिटमस

उत्कृष्ट अभ्यासहरू, लागू गर्नको लागि कोड, र ग्राहक समर्थन बुझ्नु तपाईंको डार्क मोडको कार्यान्वयन सफलताको लागि महत्त्वपूर्ण छ। त्यस कारणका लागि, Uplers मा टोलीले यो गाइड डार्क-मोडमा प्रकाशित गर्यो ईमेल समर्थन.

हालै, DK New Media एउटा ग्राहकको लागि Salesforce मार्केटिङ क्लाउड टेम्प्लेट विकास गर्‍यो जसले डार्क मोड समावेश गर्‍यो, इमेल क्लाइन्टमा हेर्दा नाटकीय रूपमा इमेल खण्डहरू विपरीत। यो एक प्रयास हो जसले तपाईंको सदस्यहरूको लागि अतिरिक्त संलग्नता र क्लिक-थ्रु दरहरू ड्राइभ गर्न सक्छ।

गाढा मोड ईमेल कोड

चरण १: ईमेल ग्राहकहरूमा डार्क मोड सक्षम गर्न मेटाडाटा समावेश गर्नुहोस् - पहिलो चरण भनेको डार्क मोड सेटिङहरू अन भएका सदस्यहरूको लागि इमेलमा डार्क मोड सक्षम गर्नु हो। तपाइँ यो मेटाडेटा मा समावेश गर्न सक्नुहुन्छ ट्याग।

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

चरण २: @media का लागि गाढा मोड शैलीहरू समावेश गर्नुहोस् (र (्ग-योजना योजनाहरू: गाढा) - यो इम्बेडेड मा मिडिया क्वेरी लेख्नुहोस् tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS), र Outlook App (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; } 
}

चरण:: गाढा मोड शैलीहरू नक्कल गर्न [डाटा-ogsc] उपसर्ग प्रयोग गर्नुहोस् - ईमेलको लागि एन्ड्रोइडको लागि आउटलुक अनुप्रयोगमा डार्क मोडसँग उपयुक्त हुनको लागि यी कोडहरू समावेश गर्नुहोस्।

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

चरण:: गाढा मोड-केवल शैलीहरू शरीर 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; } 

केहि थप स्रोतहरू:

  • लिटमस - ईमेल मार्केटरहरूको लागि गाढा मोडको लागि अन्तिम मार्गनिर्देशन।
  • अभियानमोनिटर - इमेलको लागि अँध्यारो मोडमा विकासकर्ताको गाइड।

यदि तपाईं आफ्नो इमेल टेम्प्लेटहरू अँध्यारो मोड समर्थनको लागि रूपान्तरण गर्न चाहनुहुन्छ भने, सम्पर्क गर्न नहिचकिचाउनुहोस् DK New Media.

ईमेलमा कालो मोड
स्रोत: अपलरहरू

Douglas Karr

Douglas Karr को CMO छ OpenINSightTS र को संस्थापक Martech Zone। डगलसले दर्जनौं सफल MarTech स्टार्टअपहरूलाई मद्दत गरेको छ, Martech अधिग्रहण र लगानीमा $ 5 बिलियन भन्दा बढीको लगनशीलतामा सहयोग गरेको छ, र कम्पनीहरूलाई उनीहरूको बिक्री र मार्केटिङ रणनीतिहरू कार्यान्वयन र स्वचालित गर्न मद्दत गर्न जारी छ। डगलस एक अन्तर्राष्ट्रिय मान्यता प्राप्त डिजिटल रूपान्तरण र MarTech विशेषज्ञ र वक्ता हो। डगलस डम्मीको गाईड र व्यापार नेतृत्व पुस्तकका प्रकाशित लेखक पनि हुन्।

सम्बन्धित लेख

शीर्ष बटनमा फर्कनुहोस्
बन्द

Adblock पत्ता लाग्यो

Martech Zone तपाइँलाई यो सामग्री कुनै पनि लागतमा उपलब्ध गराउन सक्षम छ किनभने हामीले हाम्रो साइटलाई विज्ञापन राजस्व, सम्बद्ध लिङ्कहरू, र प्रायोजनहरू मार्फत मुद्रीकरण गर्छौं। यदि तपाईंले हाम्रो साइट हेर्दै आफ्नो विज्ञापन अवरोधक हटाउनु भयो भने हामी प्रशंसा गर्नेछौं।