Optimisez votre campagne pour le mode sombre

Marketing_Lite_Plus_Professional_Enterprise

Le mode sombre est un paramètre populaire pour plusieurs clients de messagerie. Toutefois, ce paramètre peut entraîner un rendu inattendu de votre e-mail.

Dans cet article, vous apprendrez ce qu'est le mode sombre et comment optimiser votre campagne pour ce paramètre.

Qu'est-ce que le mode sombre ?

Le mode sombre est un paramètre qui affiche du texte, des icônes et des éléments d'interface utilisateur de couleur claire sur des fonds sombres. Lorsqu'un client de messagerie détecte une couleur d'arrière-plan, il applique un arrière-plan sombre s'il n'a pas été défini et applique des nuances de contraste aux couleurs du contenu du message.

Lorsqu'il s'agit d'un fond noir, le mode sombre le transforme en blanc dans Gmail sur iOS et Andriod. Puis le gris foncé est déplacé vers le gris clair, etc.

Le mode sombre est un paramètre très populaire pour de nombreuses raisons, notamment :

  • Préférence pour les interfaces plus sombres
  • Il peut contribuer à minimiser la fatigue oculaire, en particulier dans les situations de faible luminosité
  • Il permet d'économiser la batterie en réduisant la luminosité de l'écran
  • Il peut améliorer la lisibilité du contenu

Le mode sombre est activé par le contact ou l'abonné via son client de messagerie ou l'interface utilisateur de l'application.

Pour voir la liste des clients de messagerie qui prennent en charge le mode sombre, consultez l'article de blog de Litmus "The Ultimate Guide to Dark Mode for Email Marketers".

Meilleures pratiques pour optimiser votre campagne en mode sombre

Chaque client de messagerie rend votre e-mail différemment. Malheureusement, c'est quelque chose qu'ActiveCampaign ne peut pas contrôler. Toutefois, nous vous recommandons certaines bonnes pratiques pour que le style de vos e-mails reste cohérent d'un client de messagerie à l'autre, que vos abonnés utilisent ou non le paramètre Dark Mode.

Optimisez vos logos et vos images pour le mode clair et le mode foncé

Utilisez des images à fond transparent ou veillez à ce que les fonds d'image aient exactement la même taille pour éviter toute juxtaposition gênante.

En outre, vous voudrez éviter les logos de couleur plus foncée, comme le noir. S'ils le sont, il sera difficile pour vos abonnés de voir votre logo en mode sombre.

Une façon de contourner ce problème consiste à appliquer une ombre légère ou un trait clair à votre logo foncé. De cette façon, il se détachera de la couleur de l'arrière-plan et sera rendu correctement en mode clair et en mode foncé.

Définissez une couleur d'arrière-plan pour votre contenu en mode clair ou foncé

Si vous ne voulez pas que le contenu de votre e-mail ait un fond sombre, vous pouvez définir votre propre couleur de fond avec le nouvel éditeur d'e-mail d'ActiveCampaign. Ainsi, la couleur de l'arrière-plan du contenu restera cohérente entre les modes Clair et Foncé. Cependant, les clients peuvent voir une teinte de couleur légèrement différente entre les clients de messagerie et les appareils.

Pour le mettre en place, cliquez sur la zone "Section - Contenu" de la mise en page de votre e-mail. Ensuite, cliquez sur l'option "Arrière-plan du contenu" dans le volet de droite et sélectionnez la couleur que vous souhaitez utiliser. Veillez à faire de même pour les conteneurs.

Ensuite, définit le "Fond de la section" comme transparent. De cette façon, la couleur d'arrière-plan de votre contenu sera appliquée au contenu de l'e-mail et non à toute la zone de l'e-mail.

Testez vos campagnes

Veillez à tester vos e-mails en mode clair et en mode foncé pour voir comment l'e-mail peut apparaître pour vos abonnés.

Exemple de code

Si vous êtes à l'aise avec l'utilisation de CSS et de HTML, vous pouvez facilement modifier le code avec le nouvel éditeur d'e-mail afin d'optimiser votre e-mail pour les modes sombre et clair. Pour plus d'informations, veuillez consulter cette ressource contenant des exemples.

Veuillez noter que notre équipe d'expérience client n'est pas en mesure de répondre à vos questions ou de vous guider dans l'utilisation d'un code personnalisé dans vos e-mails.

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 5 sur 20

Vous avez d'autres questions ? Soumettre une demande

Start free trial