L'Éditeur d'emails d'Omnisend vous permet de basculer entre les vues d'édition de bureau et mobile directement dans l'éditeur – vous pouvez ainsi concevoir et éditer votre email pour les deux appareils sans changer d'outil.
Dans cet article, vous apprendrez comment changer de vue, éditer en mode mobile, contrôler l'empilement des colonnes et afficher ou masquer du contenu selon l'appareil.
Avant de commencer
Utilisez un ordinateur de bureau ou un ordinateur portable pour éditer des emails. L'Éditeur d'emails n'est pas optimisé pour les appareils mobiles et peut ne pas fonctionner correctement sur les petits écrans.
Cette fonctionnalité est disponible à la fois dans les Email Campaigns et les Automatisation Workflows.
La vue mobile affiche uniquement du contenu statique – les éléments dynamiques (noms de contact, recommandations de produit, codes de réduction) ne s'afficheront pas. Utilisez Aperçu & Test pour voir le contenu dynamique et le rendu en mode sombre avant l'envoi.
Cette fonctionnalité est différente d'Aperçu & Test, qui montre le rendu final de votre email avec du contenu dynamique et en mode sombre. La vue mobile dans le constructeur est pour travail d'édition et de conception.
Cela vous aide :
Concevoir en pensant d'abord au mobile
Modifier le contenu tout en visualisant la mise en page mobile
Détecter les problèmes de mise en page tôt sans quitter l'éditeur
Gagnez du temps et rationalisez votre Workflow
Changer entre les vues de bureau et mobile
Alternez entre les vues de bureau et mobile directement dans l'Éditeur d'emails pour concevoir et éditer votre email pour chaque appareil.
Pour changer de vue :
Ouvrez l'Éditeur d'emails (dans une étape d'email de Campagne ou d'Automatisation).
Localisez le commutateur d'appareil dans la barre d'outils supérieure (à côté du bouton annuler).
Cliquez sur l'icône pour changer entre :
Bureau (icône de moniteur) – Vue d'édition par défaut
Mobile (icône de téléphone) – Vue d'édition de mise en page mobile
Le canevas se redimensionne instantanément pour simuler l'appareil sélectionné. Vous pouvez modifier votre Email dans les deux modes.
💡 Remarque : Le changement de vues est instantané et non destructif – cela ne change que la façon dont votre Email est affiché dans l'éditeur, pas sa structure.
Modifier en mode mobile
Vous pouvez modifier entièrement votre Email tout en le visualisant en mode mobile. Toutes les actions d'édition fonctionnent à la fois sur les vues de bureau et mobiles :
Faites glisser et déposez des blocs
Modifier le texte
Remplacer les images
Modifier les boutons
Ajuster l'espacement
Mettre à jour les éléments du produit
Vous n'avez pas besoin de revenir à la vue bureau pour apporter des modifications.
Comment fonctionne la vue mobile
Lorsque vous passez en vue mobile :
Le canevas s'ajuste à la largeur de l'écran mobile (environ 320–414px).
Le contenu s'affiche comme il le ferait dans les clients Email mobiles.
Les changements se reflètent en temps réel.
La vue mobile montre comment votre Email sera rendu sur les appareils mobiles, y compris :
Empilement des colonnes (les mises en page multi-colonnes deviennent à colonne unique)
Enveloppement du texte
Mise à l'échelle des boutons
Ajustements d'espacement
Cela garantit que votre conception correspond au résultat final vu par les destinataires.
⚠️ Important : La vue mobile dans le constructeur affiche uniquement du contenu statique. Les éléments dynamiques comme les noms de contact, les recommandations de produit et les codes de réduction ne s'afficheront pas. Pour prévisualiser le contenu dynamique et le rendu en mode sombre, utilisez Aperçu & Test (barre d'outils supérieure).
💬 En savoir plus : Aperçu et test des campagnes & automatisations
Contrôler l'empilement des colonnes sur mobile
Par défaut, les mises en page multi-colonnes s'empilent verticalement sur les appareils mobiles. Vous pouvez personnaliser ce comportement.
Pour changer l'empilement des colonnes :
Cliquez sur le layout (pas sur les éléments individuels à l'intérieur).
Allez à Layout (panneau de droite) → Empilement mobile.
Choisissez :
Empiler les colonnes (par défaut) – Les colonnes apparaissent les unes en dessous des autres sur mobile
Garder côte à côte – Les colonnes restent à côté les unes des autres sur mobile
Cas d'utilisation : Grilles de produits, sections de comparaison, ou mises en page où le contenu côte à côte est essentiel sur mobile.
📝 En savoir plus : Optimiser les mises en page des Emails avec l'empilement mobile
Afficher ou masquer du contenu selon l'appareil
Contrôlez quel contenu apparaît sur bureau, mobile ou les deux.
Pour définir la visibilité :
Cliquez sur l'élément ou la mise en page que vous souhaitez ajuster.
Allez à Layout (panneau de droite) → Paramètres d'affichage.
Choisissez :
Tous les appareils (par défaut)
Appareils mobiles uniquement
Appareils de bureau uniquement
Afficher une grande image héroïque uniquement sur bureau
Afficher une version simplifiée pour les utilisateurs mobiles
Utiliser différentes mises en page pour chaque appareil
Cela vous aide à optimiser votre Email sans dupliquer les modèles.
⚡ Astuce : Utilisez l'outil Aperçu & Test pour vérifier comment votre email apparaît sur les deux appareils avec du contenu dynamique.
FAQ
Puis-je modifier en mode mobile sur mon téléphone ou ma tablette ?
Non. L'Éditeur d'emails (y compris le basculement de la vue mobile) est optimisé uniquement pour une utilisation sur ordinateur de bureau et ordinateur portable. Utilisez un navigateur de bureau (Chrome recommandé) pour la meilleure expérience.
Le passage en vue mobile change-t-il la structure de mon e-mail ?
Non. Le basculement ne change que la façon dont votre Email est affiché dans l'éditeur – il n'altère pas la structure ou le code réel. Votre Email sera rendu correctement sur les deux appareils.
Quelle est la différence entre la vue mobile dans le constructeur et l'Aperçu & Test ?
Basculer la vue mobile (dans le constructeur) : Vous permet de concevoir et d'éditer tout en voyant la mise en page mobile. Le contenu est statique – les éléments dynamiques (noms de contact, recommandations de produit) ne s'afficheront pas. Utilisez ceci pour travail de conception.
Aperçu & Test : Montre comment votre email sera réellement rendu dans les clients de messagerie, y compris le contenu dynamique, le mode sombre et le rendu spécifique aux appareils. Non modifiable – utilisez ceci pour révision finale avant l'envoi.
💬 En savoir plus: Aperçu et test des campagnes et automatisations, Mode sombre dans les e-mails.
Puis-je définir des images différentes pour mobile et bureau ?
Oui. Utilisez Paramètres d'affichage (Mise en page → Paramètres d'affichage → Appareils mobiles uniquement / Appareils de bureau uniquement) pour afficher des images différentes sur chaque appareil. C'est utile pour afficher des images optimisées pour chaque taille d'écran.
Mes abonnés verront-ils ce que je vois en mode mobile ?
Oui, avec une exception : le mode mobile affiche uniquement du contenu statique. Vos abonnés verront la mise en page mobile plus du contenu dynamique (leur nom, des recommandations de produits personnalisées, des codes de réduction, etc.). Envoyez toujours un Email de test pour voir le résultat final.
⚠️ Remarque: Les fonctionnalités avancées de personnalisation mobile (par exemple, les marges spécifiques aux mobiles, les tailles de police ou les mises en page mobiles indépendantes) ne sont pas encore disponibles. Celles-ci peuvent être ajoutées dans de futures mises à jour.
J'essaie d'éditer sur mon téléphone/tablette, mais la mise en page est difficile à utiliser. Pourquoi ?
L'Éditeur d'emails est optimisé pour les navigateurs d'ordinateur de bureau ou portable. Sur les appareils mobiles, vous pouvez faire des modifications de texte rapides, mais de nombreuses fonctionnalités d'édition ne sont pas disponibles.
Ce que vous pouvez faire sur les navigateurs mobiles :
Modifier le texte dans les blocs existants
Mettre à jour le texte en déplacement
Ce qui nécessite un bureau :
Ajouter ou supprimer des blocs
Faire glisser et déposer des éléments
Ajuster les mises en page, les espacements ou les marges
Changer des images ou des boutons
Accéder à l'ensemble des contrôles de conception
Pour la meilleure expérience d'édition, utilisez un navigateur de bureau.
Besoin d'aide ? Contact (e)ez-nous à [email protected] ou via le chat dans l'application.