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.
Les options d'édition mobile et de bureau s'appliquent uniquement à l'Éditeur d'emails par glisser-déposer.Elles ne sont pas disponibles pour les emails texte uniquement.
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 mobile d'abord
Éditer 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
Gagner du temps et rationaliser votre workflow
Basculer entre les vues de bureau et mobile
Alternez entre les vues de bureau et mobiles 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 de dispositif dans la barre d'outils supérieure (à côté du bouton annuler).
Cliquez sur l'icône pour basculer 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 éditer votre Email dans les deux modes.
4a1 Note : Le changement de vues est instantané et non destructif il ne change que la façon dont votre email est affiché dans l'éditeur, pas sa structure.
Éditer en vue mobile
Vous pouvez modifier entièrement votre Email tout en le visualisant en mode mobile. Toutes les actions d'édition fonctionnent à la fois dans les vues de bureau et mobiles :
Faites glisser et déposez des blocs
Éditer le texte
Remplacer les images
Modifier les boutons
Ajuster l'espacement
Mettre à jour les éléments de produit
Vous n'avez pas besoin de revenir à la vue de bureau pour apporter des modifications.
Comment fonctionne la vue mobile
Lorsque vous passez à la vue mobile :
Le canevas s'ajuste à la largeur de l'écran mobile (environ 320414px).
Le contenu s'affiche comme il le ferait dans les clients d'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 de colonnes (les mises en page multi-colonnes deviennent une seule colonne)
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).
4dc 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 la mise en page (pas sur les éléments individuels à l'intérieur).
Allez à Mise en page (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.
4dc En savoir plus : Optimiser les mises en page d'emails avec l'empilement mobile
Afficher ou cacher le contenu par appareil
Contrôlez quel contenu apparaît sur bureau, mobile ou les deux.
Pour définir la visibilité :
Cliquez sur le élément ou la mise en page que vous souhaitez ajuster.
Allez à Mise en page (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
Utilisez des mises en page différentes pour chaque appareil
Cela vous aide à optimiser votre Email sans dupliquer les modèles.
[1mConseil[0m : Utilisez l'outil [1mAperçu et Test[0m pour vérifier comment votre Email apparaît sur les deux appareils avec du Contenu dynamique.
FAQ
Puis-je éditer 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 au mode mobile change-t-il la structure de mon Email ?
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 s'affichera correctement sur les deux appareils.
Quelle est la différence entre le mode mobile dans le constructeur et 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 [1mdesign[0m.
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.
[1mEn savoir plus[0m : [1mAperçu et Tester les Campagnes & Automatisations[0m, [1mMode Sombre dans les Emails.[0m
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 montrer 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. Ceci peut être ajouté 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 rapides de texte, 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, l'espacement ou le remplissage
Changer des images ou des boutons
Accéder à l'ensemble des contrôles de design
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.