De plus en plus de personnes ouvrent leurs emails sur leurs appareils mobiles. Il est donc important de veiller à ce que ceux-ci soient optimisés pour tous les écrans. Que votre destinataire consulte ses emails sur un smartphone, une tablette ou un ordinateur, vous pouvez optimiser son expérience en affichant ou en masquant le contenu en fonction de l’appareil utilisé. Grâce à nos paramètres de visibilité du contenu, créez un seul design d'email qui s’adaptera à chaque type d’appareil en affichant le contenu uniquement pour le type d’appareil que vous avez sélectionné. 

Avant de commencer

• Veillez à comprendre la différence entre les blocs de section et de contenu.
• Découvrez comment concevoir efficacement votre email pour les appareils mobiles et le paramètre mode sombre. Pour en savoir plus, consultez nos articles dédiés Concevoir des emails adaptés aux mobiles et Concevoir des emails adaptés au mode sombre.

❓Pourquoi afficher du contenu uniquement sur ordinateur ou appareil mobile ? 

Vous vous demandez peut-être pourquoi vous devez afficher certains contenus uniquement sur des appareils spécifiques. Si vous choisissez d’afficher du contenu uniquement pour des appareils spécifiques, vous pouvez transférer ce que vous trouvez le plus utile et le plus important uniquement aux ordinateurs ou aux appareils mobiles, et masquer le contenu non essentiel.

Il existe de nombreux cas dans lesquels il peut être utile d’afficher du contenu uniquement pour les ordinateurs ou les appareils mobiles (smartphone ou tablette) :

• 🖥️ Affichage uniquement sur ordinateur
  Si vous présentez une nouvelle gamme de produits avec des spécifications étendues, un tutoriel, un eBook ou un livre blanc avec des supports et du texte enrichis, vous devrez peut-être afficher ce contenu uniquement sur les ordinateurs. En effet, ce type de contenu peut inclure des explications détaillées, des vidéos ou de grands blocs de texte qui sont plus facilement accessibles sur les ordinateurs. Les ordinateurs offrent une expérience de lecture plus confortable et la possibilité d’interagir avec les supports intégrés sans contraintes de taille d’écran. 
• 📱 Affichage uniquement sur appareil mobile
  Si vous avez ajouté une promotion en magasin à votre design d'email avec un QR code ou un code-barres, vous pouvez afficher ce contenu uniquement sur les mobiles pour inciter vos destinataires à se rendre dans votre magasin physique, car ils peuvent facilement scanner la promotion. Cela encouragera un engagement et une action instantanés.
  Il en va de même si vous fournissez un lien pour télécharger votre application mobile ou si vous ajoutez des fonctionnalités spécifiques à l'application à votre design d'email. Sur mobile, les destinataires peuvent télécharger ou interagir directement avec l’application depuis leur appareil mobile, ce qui rend le processus fluide et stimule l’interaction avec l’application. 

Vous pouvez aller plus loin en choisissant d’afficher une section uniquement sur ordinateur et en créant la même section, mais optimisée pour l'appareil mobile, et en l'affichant uniquement sur les appareils mobiles !  Voir notre exemple à droite ➡️

Afficher ou masquer du contenu en fonction de l'appareil utilisé 

Lors de la conception de votre email depuis notre éditeur d'email, vous pouvez définir les conditions d’affichage et choisir d’afficher le contenu uniquement sur des appareils spécifiques, ordinateur ou appareil mobile (smartphone ou tablette). Par exemple, si vous choisissez d’afficher une section uniquement sur ordinateur, celle-ci sera masquée pour tous les destinataires qui ouvrent votre email sur un appareil mobile, et inversement. 

Pour définir des conditions d’affichage : 

1. Sélectionnez la section ou le bloc de contenu que vous souhaitez afficher uniquement sur un ordinateur ou un appareil mobile.
2. Dans la section Visibilité du contenu dans le panneau de gauche, activez l’option Afficher sur certains appareils.
3. À partir de là, vous pouvez :
   1. Sélectionner Ordinateur uniquement pour afficher ce contenu uniquement sur les ordinateurs et le masquer sur les appareils mobiles. 
      
   2. Sélectionner Mobile uniquement pour afficher ce contenu uniquement sur les smartphones et tablettes et le masquer sur les ordinateurs. 
      

Félicitations ! 🎉 Vous avez appliqué des conditions d’affichage. Votre contenu s’affichera uniquement sur les appareils que vous avez sélectionnés. Nous vous recommandons vivement de tester votre email sur différents appareils avant de l’envoyer à vos destinataires.

Cliquez sur l’icône 🖥️ Mode bureau ou📱 Mode mobile en haut de l’éditeur d'email pour passer d’un aperçu à un autre. Lorsqu’une condition d’affichage est appliquée, la bordure du contenu devient verte. Le contenu comporte également une icône en forme d’œil barré sur l’aperçu de l’appareil pour lequel il est masqué. Cliquez sur le contenu (ou la section) pour lequel vous avez appliqué la condition d’affichage pour le modifier ou le désactiver.

⏭️ Et après ? 

• Concevoir des emails adaptés aux mobiles
• Concevoir des emails adaptés au mode sombre

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.

Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec un Partenaire Brevo certifié.