التسويق عبر البريد الإلكتروني والأتمتة

الوضع المظلم للبريد الإلكتروني يحظى بالقبول... وإليك كيفية دعمه

يعمل الوضع المظلم على تقليل استخدام طاقة الشاشة وزيادة التركيز. يقول بعض المستخدمين أيضًا أنهم يشعرون بانخفاض إجهاد العين، ولكن هذا هو الحال تم استجوابه.

يستمر اعتماد الوضع المظلم في النمو. يتوفر الوضع الداكن الآن عبر أنظمة التشغيل macOS وiOS وAndroid ومجموعة من التطبيقات، بما في ذلك Microsoft Outlook وSafari وReddit وTwitter وYouTube وGmail وReddit. ومع ذلك، لا يوجد دائمًا دعم كامل عبر كل منها. ليس من المعتاد أن يكون هناك تطورات في تكنولوجيا البريد الإلكتروني، لذلك من الجيد أن نرى اعتماد دعم الوضع المظلم في البريد الإلكتروني أيضًا.

لقد شاهدنا 28% من المستخدمين يشاهدون المحتوى في الوضع الداكن في أغسطس 2021. وبحلول أغسطس 2022، ارتفع هذا العدد إلى ما يقرب من 34%.

صبغة عباد الشمس

يعد فهم أفضل الممارسات والتعليمات البرمجية المطلوب تنفيذها ودعم العملاء أمرًا بالغ الأهمية لنجاح تنفيذ الوضع المظلم. ولهذا السبب، نشر فريق Uplers هذا الدليل حول الوضع المظلم دعم البريد الإلكتروني.

في الآونة الأخيرة، DK New Media قامت بتطوير قالب Salesforce Marketing Cloud لعميل يتضمن الوضع الداكن، مما يؤدي إلى التباين بشكل كبير بين أقسام البريد الإلكتروني عند عرضها في عميل البريد الإلكتروني. إنه جهد قد يؤدي إلى زيادة التفاعل ونسب النقر إلى الظهور للمشتركين لديك.

رمز البريد الإلكتروني في الوضع الداكن

الخطوة 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] لتكرار أنماط الوضع الداكن - قم بتضمين هذه الرموز حتى يتوافق البريد الإلكتروني مع الوضع المظلم في تطبيق Outlook لنظام 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; } 

بعض الموارد الإضافية:

  • صبغة عباد الشمس - الدليل النهائي للوضع المظلم لجهات التسويق عبر البريد الإلكتروني.
  • CampaignMonitor - دليل المطور للوضع المظلم للبريد الإلكتروني.

إذا كنت تريد تحويل قوالب البريد الإلكتروني الخاصة بك لدعم الوضع المظلم، فلا تتردد في التواصل معنا DK New Media.

الوضع المظلم في رسائل البريد الإلكتروني
المصدر المرتفعات

Douglas Karr

Douglas Karr هو CMO من أوبن إنسايتس ومؤسس Martech Zone. ساعد دوغلاس العشرات من الشركات الناشئة الناجحة في MarTech، وساعد في العناية الواجبة بأكثر من 5 مليارات دولار في عمليات الاستحواذ والاستثمارات في Martech، ويستمر في مساعدة الشركات في تنفيذ وأتمتة استراتيجيات المبيعات والتسويق الخاصة بها. دوغلاس هو أحد خبراء التحول الرقمي المعترف بهم عالميًا وخبير ومتحدث في MarTech. دوغلاس هو أيضًا مؤلف منشور لدليل Dummie وكتاب عن قيادة الأعمال.

مقالات ذات صلة

العودة إلى الزر العلوي
اغلاق

كشف Adblock

Martech Zone قادر على تزويدك بهذا المحتوى دون أي تكلفة لأننا نستثمر موقعنا من خلال عائدات الإعلانات ، والروابط التابعة ، والرعاية. سنكون ممتنين إذا قمت بإزالة مانع الإعلانات الخاص بك أثناء عرض موقعنا.