ای میل کے لیے ڈارک موڈ اختیار کر رہا ہے… اس کی حمایت کرنے کا طریقہ یہاں ہے۔
ڈارک موڈ اسکرین کی توانائی کے استعمال کو کم کرتا ہے اور توجہ کو بڑھاتا ہے۔ کچھ صارفین یہ بھی بتاتے ہیں کہ وہ آنکھوں میں کم دباؤ محسوس کرتے ہیں، لیکن ایسا ہے۔ پوچھ گچھ کی گئی ہے.
ڈارک موڈ اپنانے کا سلسلہ جاری ہے۔ ڈارک موڈ اب میک او ایس، آئی او ایس، اینڈرائیڈ، اور مائیکروسافٹ آؤٹ لک، سفاری، ریڈڈیٹ، ٹویٹر، یوٹیوب، جی میل اور ریڈٹ سمیت متعدد ایپس پر دستیاب ہے۔ اگرچہ، ہر ایک میں ہمیشہ مکمل تعاون نہیں ہوتا ہے۔ ایسا اکثر نہیں ہوتا ہے کہ ای میل ٹکنالوجی میں پیشرفت ہوئی ہے ، لہذا ای میل میں بھی ڈارک موڈ سپورٹ کو اپناتے ہوئے دیکھ کر خوشی ہوئی۔
ہم نے اگست 28 میں 2021% صارفین کو ڈارک موڈ میں دیکھا۔ اگست 2022 تک، یہ تعداد بڑھ کر تقریباً 34% ہو گئی تھی۔
لٹمس
بہترین طریقوں کو سمجھنا، لاگو کرنے کے لیے کوڈ، اور کلائنٹ سپورٹ آپ کے ڈارک موڈ کے نفاذ کی کامیابی کے لیے اہم ہے۔ اسی وجہ سے، Uplers کی ٹیم نے اس گائیڈ کو ڈارک موڈ پر شائع کیا۔ ای میل کی حمایت.
حال ہی میں، DK New Media ایک کلائنٹ کے لیے سیلز فورس مارکیٹنگ کلاؤڈ ٹیمپلیٹ تیار کیا جس میں ڈارک موڈ کو شامل کیا گیا، جب ای میل کلائنٹ میں دیکھا جائے تو ڈرامائی طور پر ای میل سیکشنز میں تضاد ہے۔ یہ ایک ایسی کوشش ہے جو آپ کے سبسکرائبرز کے لیے اضافی مصروفیت اور کلک کے ذریعے کی شرح کو بڑھا سکتی ہے۔
ڈارک موڈ ای میل کوڈ
مرحلہ 1: ای میل کلائنٹس میں ڈارک موڈ کو فعال کرنے کے لئے میٹا ڈیٹا شامل کریں – پہلا قدم ڈارک موڈ کی سیٹنگز آن کرنے والے صارفین کے لیے ای میل میں ڈارک موڈ کو فعال کرنا ہے۔ آپ اس میٹا ڈیٹا کو میں شامل کر سکتے ہیں۔ ٹیگ
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
مرحلہ 2: @ میڈیا کے لئے ڈارک موڈ اسٹائل شامل کریں (رنگین منصوبہ: ترجیحی رنگ) - اس میڈیا سوال کو اپنے سرایت میں لکھیں 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; }
}
مرحلہ 3: ڈارک موڈ شیلیوں کی نقل کے لئے [ڈیٹا ogsc] سابقہ استعمال کریں - ای میل کے لئے ان کوڈز کو 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; }
مرحلہ 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; }
کچھ اضافی وسائل:
- لٹمس - ای میل مارکیٹرز کے لئے ڈارک موڈ کے لئے حتمی رہنما۔
- کیمپین مانیٹر - ای میل کے لیے ڈارک موڈ کے لیے ڈویلپر کی گائیڈ۔
اگر آپ چاہتے ہیں کہ آپ کے ای میل ٹیمپلیٹس کو ڈارک موڈ سپورٹ کے لیے تبدیل کیا جائے تو ان تک پہنچنے میں ہچکچاہٹ محسوس نہ کریں۔ DK New Media.