Créer des versions mobile et desktop

Introduction

L’ajout de contenu vidéo dans une campagne email permet de dynamiser vos messages et d’offrir une expérience plus immersive à vos destinataires.
Même si les clients de messagerie ne permettent pas l’intégration directe de fichiers vidéo (comme un fichier .mp4), il est tout à fait possible d’insérer un lien cliquable vers une vidéo hébergée en ligne, accompagné d’une image miniature attractive.

👉 Résultat : un email plus vivant, plus moderne et orienté interaction.

Pourquoi l’adaptation mobile / bureau est stratégique

Aujourd’hui, la majorité des emails sont consultés sur mobile, ce qui impose une réflexion spécifique sur l’ergonomie et la lisibilité.
Les comportements diffèrent fortement selon l’appareil :

  1. Lecture rapide et scroll vertical sur mobile
  2. Lecture plus détaillée et navigation horizontale sur desktop
  3. Interactions tactiles vs clics souris

En personnalisant vos campagnes par type d’écran, vous améliorez :

  • le taux d’ouverture,
  • l’engagement,
  • et surtout le taux de conversion.

💡 Une expérience fluide et cohérente renforce la crédibilité de votre marque et limite la frustration utilisateur.

Étapes pour créer une campagne optimisée mobile et desktop

1. Initialiser votre campagne

  • Connectez-vous à votre espace BDN VISION
  • Accédez à la section Campagnes
  • Cliquez sur Créer une nouvelle campagne
  • Sélectionnez un modèle existant ou démarrez sur une page blanche
    (nos templates sont pensés pour une adaptation multi-écrans)

2. Concevoir la structure visuelle

  • Utilisez le concepteur d’emails en glisser-déposer
  • Ajoutez et organisez vos blocs : textes, images, boutons d’action
  • Ajustez les couleurs, typographies et espacements selon votre charte graphique

👉

Astuce : privilégiez des blocs simples et aérés pour le mobile.

3. Rédiger et enrichir le contenu

  • Insérez vos messages, visuels et liens
  • Travaillez vos appels à l’action (CTA) pour qu’ils restent visibles et cliquables sur mobile
  • Vérifiez la hiérarchie des informations (titre → message clé → action)

4. Gérer l’affichage par type d’appareil

  • Cliquez sur l’élément à personnaliser dans l’éditeur
  • Dans le panneau de configuration latéral, repérez l’option Affichage conditionnel
  • Choisissez :

    • Masquer sur mobile

    • ou Masquer sur desktop

  • Répétez l’opération pour chaque bloc concerné

🎯 Cette fonctionnalité est idéale pour adapter le contenu sans dupliquer toute la campagne.

5. Prévisualiser et tester

  • Activez le mode aperçu mobile et bureau
  • Vérifiez la lisibilité, les alignements et la cohérence globale
  • Ajustez si nécessaire avant validation

6. Paramétrer l’envoi

  • Renseignez :

    • le nom de la campagne,

    • la liste ou le segment de contacts,

    • l’objet et le nom d’expéditeur,

    • la date et l’heure d’envoi

7. Lancer la diffusion

  • Effectuez une dernière vérification
  • Envoyez un test interne
  • Cliquez sur Envoyer pour diffuser votre campagne

✔️ Votre email est désormais optimisé pour chaque écran.

Problèmes courants et solutions

Les éléments ne se masquent pas correctement

  • Vérifiez que la campagne a bien été sauvegardée
  • Actualisez l’aperçu
  • Testez avec de vrais appareils plutôt qu’un simple navigateur

Affichage mobile trop serré

  • Privilégiez une mise en page à une seule colonne
  • Augmentez la taille des textes
  • Réduisez marges et espacements inutiles

Des blocs desktop apparaissent sur mobile

  • Confirmez que l’option « Masquer sur mobile » est bien activée
  • Certains clients email ont des limitations techniques
  • En alternative, optez pour un design responsive intelligent

Différence entre aperçu et email reçu

  • Effectuez des tests d’envoi réels
  • Tenez compte des variations selon les messageries (Gmail, Outlook, Apple Mail…)
  • Utilisez des outils de test multi-clients si nécessaire

Problèmes d’alignement

  • Centrez les éléments clés pour le mobile
  • Utilisez des largeurs en pourcentage plutôt que fixes
  • Testez en mode portrait et paysage