Le mode sombre pour le courrier électronique est de plus en plus adopté… Voici comment le prendre en charge

Le mode sombre réduit la consommation d’énergie de l’écran et augmente la concentration. Certains utilisateurs déclarent également ressentir une fatigue oculaire réduite, mais c’est été interrogé.

L’adoption du mode sombre continue de croître. Le mode sombre est désormais disponible sur macOS, iOS, Android et une multitude d’applications, notamment Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail et Reddit. Cependant, il n’y a pas toujours de support complet pour chacun. Ce n’est pas souvent qu’il y a des progrès dans la technologie de messagerie, il est donc agréable de voir également l’adoption de la prise en charge du mode sombre dans la messagerie.

Nous avons vu 28 % des utilisateurs visionner en mode sombre en août 2021. En août 2022, ce nombre était passé à près de 34 %.

Tournesol

Comprendre les meilleures pratiques, le code à implémenter et le support client est essentiel à la réussite de la mise en œuvre du mode sombre. Pour cette raison, l’équipe d’Uplers a publié ce guide du mode sombre assistance par courrier électronique.

Récemment, Pont haut a développé un modèle Salesforce Marketing Cloud pour un client intégrant le mode sombre, contrastant considérablement les sections de courrier électronique lorsqu’elles sont affichées dans un client de messagerie. C’est un effort qui peut générer un engagement supplémentaire et des taux de clics pour vos abonnés.

Code de courrier électronique en mode sombre

Étape 1 : Inclure des métadonnées pour activer le mode sombre dans les clients de messagerie – La première étape consiste à activer le mode sombre dans l’e-mail pour les abonnés dont les paramètres du mode sombre sont activés. Vous pouvez inclure ces métadonnées dans la balise

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

Étape 2 : Inclure les styles du mode sombre pour @media (prefers-color-scheme : dark) – Écrivez cette requête multimédia dans vos balises