Description
Vous pouvez créer deux versions de votre courriel, une pour mobile et une pour ordinateur, avec un contenu différent pour chacune. Cela peut être utile si vous souhaitez optimiser votre courriel pour différents appareils, ou afficher ou masquer certains éléments selon l'appareil sur lequel le courriel est consulté.
Pourquoi c'est important
Avec plus de 60 % des courriels désormais ouverts sur des appareils mobiles, créer des versions de vos campagnes adaptées à chaque appareil est essentiel pour maximiser l'engagement et les taux de conversion. Les utilisateurs mobiles et ordinateur ont des habitudes de lecture, des tailles d'écran et des comportements d'interaction différents qui exigent des approches sur mesure. En optimisant le contenu, la mise en page et le placement des appels à l'action pour chaque type d'appareil, vous garantissez à chaque abonné une expérience de consultation optimale.
Instructions étape par étape
Voici un guide détaillé pour créer une campagne pour mobile et ordinateur :
-
Créez votre campagne
- Connectez-vous à votre compte et, dans le menu de gauche, sélectionnez Campagnes, puis Courriels.
- Cliquez sur le bouton « + »
- Vous pouvez aussi cliquer sur Gabarits courriels et choisir un gabarit pour votre campagne ou partir de zéro. Nous proposons divers gabarits optimisés pour mobile et ordinateur, afin que vous puissiez choisir celui qui correspond le mieux à vos besoins.
-
Concevez votre campagne
- Personnalisez le design de votre campagne. L'éditeur de courriels peut ajouter et organiser des éléments, comme du texte, des images et des boutons
- Vous pouvez aussi personnaliser les couleurs et les polices pour les accorder à votre marque.
-
Ajoutez du contenu
- Ajoutez du contenu à votre campagne. Utilisez l'éditeur pour rédiger le texte de votre campagne, ajouter des images et insérer des liens.
-
Configurez l'affichage selon l'appareil
- Sélectionnez l'élément que vous souhaitez masquer en cliquant dessus dans l'éditeur de courriels
- Dans le panneau des paramètres de l'élément à droite, faites défiler jusqu'à Options de bloc et trouvez le paramètre Masquer sur
- Réglez Masquer sur sur Ordinateur ou Mobile pour masquer cet élément sur l'appareil choisi (laissez-le sur OFF pour l'afficher partout)
- Répétez ces étapes pour tout élément supplémentaire que vous souhaitez masquer ou afficher sur des appareils précis.
-
Prévisualisez et testez
- À gauche de l'éditeur, basculez entre les vues mobile et ordinateur pour voir le rendu de votre courriel sur chaque appareil.
- Utilisez l'icône d'œil en haut pour prévisualiser votre courriel dans différentes tailles d'écran et en mode sombre.
-
Configurez les paramètres de la campagne
- Configurez les paramètres de votre campagne, notamment les destinataires, la date d'envoi et la ligne d'objet.
-
Lancez votre campagne
- Vérifiez votre campagne pour vous assurer que tout est correct, puis cliquez sur le bouton « Envoyer » pour lancer votre campagne
Et voilà ! Vous avez désormais créé une campagne qui sera optimisée pour mobile et ordinateur.
Dépannage
Les éléments ne se masquent pas sur l'appareil sélectionné
- Assurez-vous d'avoir enregistré les modifications après avoir défini les options « Masquer sur »
- Videz le cache et actualisez l'aperçu
- Testez avec de véritables appareils plutôt qu'avec le seul aperçu du navigateur
La version mobile paraît à l'étroit
- Utilisez des mises en page à une seule colonne pour les versions mobiles
- Augmentez la taille des polices pour une meilleure lisibilité sur mobile
- Réduisez les marges intérieures et extérieures des éléments mobiles
Des éléments destinés à l'ordinateur apparaissent sur mobile
- Vérifiez à nouveau que le paramètre « Masquer sur mobile » est activé
- Certains clients de courriel peuvent ne pas prendre en charge le masquage selon l'appareil
- Envisagez d'utiliser le design responsive comme solution de repli
L'aperçu ne correspond pas au courriel réel
- Testez avec de véritables envois de courriel vers différents appareils
- Le rendu des clients de courriel peut différer de l'aperçu
- Utilisez des outils de test de courriel pour un aperçu précis sur tous les clients
Problèmes d'alignement du contenu
- Centrez le contenu pour un meilleur affichage sur mobile
- Utilisez des largeurs en pourcentage plutôt que des pixels fixes
- Testez avec diverses tailles et orientations d'écran
Articles connexes
- Utiliser l'éditeur de courriels - Outils de design responsive
- Tester votre campagne - Tester sur les appareils
- Créer des campagnes - Les bases des campagnes
- Utiliser les gabarits intelligents - Gabarits prêts pour le mobile
- Dépannage des problèmes d'affichage des images - Problèmes d'images sur mobile