Email Marketing & Αυτοματισμός

Η σκοτεινή λειτουργία για το ηλεκτρονικό ταχυδρομείο κερδίζει υιοθέτηση… Δείτε πώς να την υποστηρίξετε

Η σκοτεινή λειτουργία μειώνει τη χρήση ενέργειας της οθόνης και αυξάνει την εστίαση. Ορισμένοι χρήστες δηλώνουν επίσης ότι αισθάνονται μειωμένη καταπόνηση των ματιών, αλλά αυτό είναι αμφισβητήθηκε.

Η υιοθέτηση της σκοτεινής λειτουργίας συνεχίζει να αυξάνεται. Η σκοτεινή λειτουργία είναι πλέον διαθέσιμη σε macOS, iOS, Android και σε πλήθος εφαρμογών, συμπεριλαμβανομένων των Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail και Reddit. Ωστόσο, δεν υπάρχει πάντα πλήρης υποστήριξη σε κάθε ένα. Δεν είναι συχνά ότι υπάρχουν εξελίξεις στην τεχνολογία email, επομένως είναι ωραίο να βλέπουμε την υιοθέτηση της υποστήριξης σκοτεινής λειτουργίας και στο email.

Είδαμε το 28% των χρηστών να παρακολουθούν σε Dark Mode τον Αύγουστο του 2021. Μέχρι τον Αύγουστο του 2022, ο αριθμός αυτός είχε αυξηθεί σε σχεδόν 34%.

Ηλιοτρόπιο

Η κατανόηση των βέλτιστων πρακτικών, ο κώδικας για εφαρμογή και η υποστήριξη πελατών είναι κρίσιμης σημασίας για την επιτυχία σας στην εφαρμογή της σκοτεινής λειτουργίας. Για αυτόν τον λόγο, η ομάδα του Uplers δημοσίευσε αυτόν τον οδηγό για τη σκοτεινή λειτουργία υποστήριξη ηλεκτρονικού ταχυδρομείου.

Πρόσφατα, DK New Media ανέπτυξε ένα πρότυπο Salesforce Marketing Cloud για έναν πελάτη που ενσωμάτωσε τη σκοτεινή λειτουργία, δημιουργώντας εντυπωσιακή αντίθεση με τις ενότητες email όταν προβάλλονται σε ένα πρόγραμμα-πελάτη email. Είναι μια προσπάθεια που μπορεί να οδηγήσει σε επιπλέον αφοσίωση και αναλογίες κλικ προς αριθμό εμφανίσεων για τους συνδρομητές σας.

Κωδικός email σκοτεινής λειτουργίας

Βήμα 1: Συμπεριλάβετε μεταδεδομένα για να ενεργοποιήσετε τη σκοτεινή λειτουργία σε πελάτες email – Το πρώτο βήμα είναι να ενεργοποιήσετε τη σκοτεινή λειτουργία στο email για συνδρομητές με ενεργοποιημένες τις ρυθμίσεις σκοτεινής λειτουργίας. Μπορείτε να συμπεριλάβετε αυτά τα μεταδεδομένα στο ετικέτα.

<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 App (iOS). Εάν δεν θέλετε ένα περιγραφόμενο λογότυπο στο email σας, μπορείτε να το χρησιμοποιήσετε .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] για να αντιγράψετε στυλ σκοτεινής λειτουργίας - Συμπεριλάβετε αυτούς τους κωδικούς ώστε το email να είναι συμβατό με σκοτεινή λειτουργία στην εφαρμογή 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 -->

Συμβουλές για σκοτεινή λειτουργία μέσω email και πρόσθετοι πόροι

Δούλεψα στο Martech Zone καθημερινά και εβδομαδιαία ενημερωτικά δελτία για υποστήριξη της σκοτεινής λειτουργίας… φροντίστε να το κάνετε Εγγραφείτε εδώ. Όπως συμβαίνει με τις περισσότερες κωδικοποιήσεις email, δεν είναι απλό λόγω των διαφορετικών προγραμμάτων-πελατών email και των ιδιόκτητων μεθοδολογιών κωδικοποίησης τους. Ένα θέμα που αντιμετώπισα ήταν οι εξαιρέσεις… για παράδειγμα, θέλετε λευκό κείμενο σε ένα κουμπί ανεξάρτητα από τη σκοτεινή λειτουργία. Η ποσότητα του κώδικα είναι λίγο γελοίο… Έπρεπε να έχω τις ακόλουθες εξαιρέσεις:

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

Μερικοί πρόσθετοι πόροι:

Εάν θέλετε τα πρότυπα email σας να μετατραπούν για υποστήριξη σκοτεινής λειτουργίας, μη διστάσετε να απευθυνθείτε DK New Media.

σκοτεινή λειτουργία στα email
πηγή: Ανυψωτικά

Douglas Karr

Douglas Karr είναι ΚΟΑ του OpenINSIGHTS και ο ιδρυτής του Martech Zone. Ο Ντάγκλας έχει βοηθήσει δεκάδες επιτυχημένες νεοφυείς επιχειρήσεις της MarTech, έχει βοηθήσει στη δέουσα επιμέλεια άνω των 5 δισεκατομμυρίων δολαρίων σε εξαγορές και επενδύσεις της Martech και συνεχίζει να βοηθά τις εταιρείες στην εφαρμογή και την αυτοματοποίηση των στρατηγικών πωλήσεων και μάρκετινγκ. Ο Ντάγκλας είναι ένας διεθνώς αναγνωρισμένος ειδικός και ομιλητής στον ψηφιακό μετασχηματισμό και στη MarTech. Ο Ντάγκλας είναι επίσης δημοσιευμένος συγγραφέας ενός οδηγού Dummie και ενός βιβλίου επιχειρηματικής ηγεσίας.

Σχετικά άρθρα

Επιστροφή στην κορυφή κουμπί
Κλεισιμο

Εντοπίστηκε μπλοκ διαφημίσεων

Martech Zone είναι σε θέση να σας παρέχει αυτό το περιεχόμενο χωρίς κόστος, επειδή δημιουργούμε έσοδα από τον ιστότοπό μας μέσω εσόδων από διαφημίσεις, συνδέσμων συνεργατών και χορηγιών. Θα εκτιμούσαμε εάν καταργούσατε το πρόγραμμα αποκλεισμού διαφημίσεων καθώς προβάλλετε τον ιστότοπό μας.