שיווק ואוטומציה בדוא"ל

מצב כהה לדוא"ל זוכה לאימוץ... הנה איך לתמוך בו

מצב כהה מפחית את צריכת האנרגיה של המסך ומגביר את המיקוד. חלק מהמשתמשים מצהירים גם שהם מרגישים מאמץ מופחת בעיניים, אבל זהו נחקר.

אימוץ המצב האפל ממשיך לגדול. מצב כהה זמין כעת ב-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 לאנדרואיד.

[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.

מצב כהה במיילים
מקור: עליונים

Douglas Karr

Douglas Karr הוא CMO של פתח INSIGHTS ומייסד ה Martech Zone. דאגלס סייע לעשרות סטארט-אפים מצליחים של MarTech, סייע בבדיקת נאותות של למעלה מ-5 מיליארד דולר ברכישות והשקעות של Martech, וממשיך לסייע לחברות ביישום ואוטומציה של אסטרטגיות המכירות והשיווק שלהן. דאגלס הוא מומחה ודובר בטרנספורמציה דיגיטלית ומוכר בינלאומי ב-MarTech. דאגלס הוא גם מחבר שפורסם של מדריך Dummy וספר מנהיגות עסקית.

מאמרים נוספים

לחצן חזרה למעלה
סְגוֹר

זוהה חסימת מודעות

Martech Zone הוא מסוגל לספק לך תוכן זה ללא עלות מכיוון שאנו מייצרים רווח מהאתר שלנו באמצעות הכנסות ממודעות, קישורי שותפים וחסויות. נשמח אם תסיר את חוסם המודעות שלך בזמן שאתה צופה באתר שלנו.