Je souhaite afficher dans un e-mail certains contenus – par exemple, des boutons, des images ou des sections entières – uniquement sur ordinateur ou uniquement sur mobile. Aivie propose une option de visibilité par bloc, qui permet d’afficher ou de masquer des contenus de manière ciblée en fonction de l’appareil.
Cette fonction est particulièrement adaptée pour :
- différentes mises en page de boutons
- des appels à l’action optimisés pour mobile
- d’autres découpes d’images pour ordinateur et mobile
Gérer la visibilité par bloc
Le bloc de boutons dispose de l’option Visibilité dans les paramètres.
Vous pouvez y sélectionner :
- Tous les appareils
- Ordinateur uniquement
- Mobile uniquement
Le contenu n’est alors affiché que sur les appareils sélectionnés.
Afficher ou masquer des sections entières
L’option de visibilité peut également être appliquée à des sections entières.
Utilisation typique :
- Section ordinateur avec une mise en page à plusieurs colonnes
- Section mobile avec une représentation simplifiée
Cas d’utilisation typiques
1. Différents boutons pour ordinateur et mobile
Exemple :
- Ordinateur : bouton large, aligné à gauche
- Mobile : grand bouton pleine largeur
Pour cela, vous créez deux boutons :
- Bouton A → Visibilité : Ordinateur uniquement
- Bouton B → Visibilité : Mobile uniquement
Les deux peuvent utiliser le même lien, mais être conçus différemment.
2. Différentes images selon l’appareil
Exemple :
- Ordinateur : image de capture d’écran large
- Mobile : découpe compressée ou motif simplifié
Ici aussi :
- Image A → Ordinateur uniquement
- Image B → Mobile uniquement
Ainsi, l’impact visuel reste contrôlable par appareil.
Remarque technique
La gestion de la visibilité dans Aivie est basée sur des règles CSS compatibles avec le client, qui sont prises en charge par les clients de messagerie courants (y compris iOS Mail et Gmail).
Toutefois, il ne peut être garanti que la règle sera appliquée dans tous les cas.
Recommandation
Utilisez « Ordinateur uniquement » / « Mobile uniquement » de manière ciblée pour :
- les appels à l’action
- les mises en page complexes
- les contenus riches en images
Pour les contenus textuels normaux, une mise en page uniforme est généralement suffisante.
Conclusion
Avec l’option de visibilité d’Aivie, les contenus peuvent être affichés ou masqués en fonction de l’appareil.
Ainsi, les e-mails peuvent être adaptés de manière optimale aux ordinateurs et aux mobiles, sans modèles séparés ni adaptations CSS manuelles.
