L'Email est le canal principal pour communiquer avec votre Audience, donc vos emails doivent avoir fière allure et refléter votre marque.
L'Éditeur d'emails Omnisend simplifie la conception avec des outils de glisser-déposer, des modèles préconçus et des mises en page adaptées aux mobiles – aucune compétence en design n'est nécessaire.
Dans cet article, vous apprendrez comment accéder à l'Éditeur d'emails, choisir un modèle, ajouter des mises en page et des éléments, et enregistrer votre design.
Avant de commencer
Utilisez un ordinateur de bureau ou portable. L'Éditeur d'emails n'est pas optimisé pour les appareils mobiles et peut ne pas fonctionner correctement sur les petits écrans.
Configurez les actifs de marque une fois pour appliquer automatiquement votre logo, vos couleurs et vos styles de bouton à chaque Email. En savoir plus sur les actifs de marque.
Explorez les éléments disponibles (texte, images, boutons, produits, etc.) dans ce guide.
Consultez le FAQ de l'Éditeur d'emails pour des questions courantes.
Accéder à l'Éditeur d'emails
L'Éditeur d'emails peut être accessible via Campagnes ou Flux de travail d'automatisation:
À travers les campagnes:
Allez à Campagnes → + Nouvelle campagne → Créer un email.
Entrez votre objet de l'email, nom de l'expéditeur et email de l'expéditeur.
Cliquez sur Choisir le Modèle d'Email pour ouvrir l'Éditeur d'emails.
À travers les automatisations:
Allez à Automatisation → + Nouveau Workflow ou sélectionnez un workflow existant.
Ajoutez ou modifiez une étape Email dans votre Workflow.
Cliquez sur Modifier le Contenu ou Choisir le Modèle d'Email pour ouvrir l'Éditeur d'emails.
Étape 1. Choisissez le Modèle
Parcourez des modèles d'Email adaptés aux mobiles ou filtrez par objectif (Bienvenue, Promotion, Lancement de Produit, etc.) pour trouver celui qui correspond à vos besoins.
Pour construire à partir de zéro: Filtrer par Autres objectifs et choisir le Texte brut ou HTML modèle. Ensuite, ajoutez vos propres mises en page et éléments depuis la barre latérale gauche.
Pour créer un email de style Gmail: Utilisez un Bloc HTML/Texte avec un réglage de largeur large (par exemple, 1400px). Remarque : Le bouton de désinscription apparaîtra toujours (exigé par la loi).
Comment ça marche:
Utilisez un bloc HTML/Text au lieu d'un modèle de texte brut.
Définissez la largeur du bloc sur une valeur élevée (par exemple, 1400px) pour créer une apparence plus semblable à celle d'un client de messagerie.
Soyez conscient que des largeurs extrêmement grandes peuvent provoquer un défilement horizontal sur certains écrans.
Le bouton de désinscription sera toujours inclus, comme requis.
Étape 2. Commencez à créer votre Email
⚠️ Important: Ajoutez toujours un Layout en premier à partir de l'onglet Layouts à gauche. Les éléments (texte, images, boutons) doivent être placés à l'intérieur des mises en page. Si le glisser-déposer ne fonctionne pas, vérifiez que vous avez d'abord ajouté une mise en page.
Comment ajouter une mise en page
Cliquez sur Ajouter des éléments à gauche.
Passez à l'onglet Layouts.
Faites glisser une mise en page (colonne unique, deux colonnes, etc.) sur le canevas.
Comment ajouter des éléments
Rouvrez Ajouter des éléments à gauche.
Faites glisser des éléments (texte, image, bouton, produit, etc.) dans les sections de votre mise en page.
💡 Astuce : Consultez ce guide pour en savoir plus sur tous les éléments disponibles.
Personnalisez votre mise en page
Contrôles à gauche (icônes sur la mise en page) : Dupliquer, supprimer, déplacer ou enregistrer l'ensemble de la mise en page.
Contrôles à droite (icônes sur les éléments individuels) : Déplacer, supprimer, enregistrer ou styliser un élément spécifique.
Basculer entre les vues de bureau et mobile
Alternez entre les vues de bureau et mobile directement dans l'éditeur pour voir comment votre Email s'affiche sur chaque appareil.
Pour changer de vue:
1. Localisez le commutateur de dispositif dans la barre d'outils en haut (à côté du bouton annuler).
2. 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. Vous pouvez éditer votre Email dans les deux modes.
💡 Remarque : La vue mobile affiche uniquement du contenu statique. Les éléments dynamiques (noms de contact, recommandations de produits) ne s'afficheront pas. Utilisez Aperçu et test pour voir le contenu dynamique et le mode sombre. 📝 En savoir plus : Modifier les e-mails dans la vue mobile et de bureau.
Étape 3. Concevez votre Email
Utilisez le panneau Paramètres de l'Email à droite pour styliser votre Email:
Largeur: Ajuster la largeur du canevas (par défaut : 600px).
Couleurs: Définir les couleurs de fond et du canevas. Utilisez le sélecteur de couleurs pour entrer un valeur hexadécimale ou échantillonnez n'importe quelle couleur directement depuis votre Email en utilisant le pipette.
Boutons: Choisissez le style de bouton (bords arrondis, bords nets, etc.).
Vous pouvez changer la largeur de l'Email et ajuster les paramètres de thème, y compris les couleurs d'arrière-plan et de toile dans les paramètres d'arrière-plan et le style de bouton dans les paramètres des boutons.
Annuler/Rétablir
Utilisez les boutons d'annulation/rétablissement dans le coin supérieur droit. Des étapes d'annulation illimitées vous permettent de revenir au début.
Remarque : L'historique des annulations se réinitialise si vous rechargez la page. Enregistrez régulièrement votre modèle pour éviter de perdre des progrès.
💡 Raccourcis clavier
Accélérez votre édition avec ces raccourcis:
Action | Windows | Mac |
Supprimer le bloc ou la section active | Retour arrière / Supprimer | Retour arrière / Supprimer |
Effacer la sélection | Échap | Échap |
Dupliquer le bloc ou la section | Ctrl + D | Cmd + D |
Copier le bloc ou la section | Ctrl + C | Cmd + C |
Couper le bloc ou la section | Ctrl + X | Cmd + X |
Coller depuis le presse-papiers | Ctrl + V | Cmd + V |
Annuler | Ctrl + Z | Cmd + Z |
Rétablir | Shift + Ctrl + Z | Shift + Cmd + Z |
Laisser des espaces intentionnellement
Vous pouvez laisser des sections de mise en page vides pour créer des designs ciblés et complexes.
Paramètres de visibilité
Afficher ou masquer des éléments spécifiques sur mobile par rapport à. bureau pour une meilleure réactivité.
Pourquoi optimiser séparément ?
Meilleure lisibilité : Redimensionnez les polices et les boutons pour une interaction mobile plus facile.
Contrôle de design amélioré : Utilisez différentes tailles d'images ou espacements de texte sur mobile.
Engagement plus élevé : Des e-mails mobiles bien optimisés améliorent les taux de clic.
Identifiez les éléments clés qui nécessitent des ajustements
Les images, l'alignement du texte et les tailles de boutons peuvent apparaître différemment sur mobile par rapport à. bureau.
Si un Email a l'air bien sur un bureau mais pas sur mobile, envisagez d'utiliser des éléments séparés pour différents appareils.
Comment définir la visibilité
Cliquez sur l'élément 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
💡 Astuce : Utilisez le Outil d'aperçu pour vérifier comment votre Email apparaît sur bureau et mobile.
Étape 4. Enregistrez votre design
Enregistrer comme Modèle
Cliquez sur le menu déroulant dans le coin supérieur droit. Sélectionnez Enregistrer comme modèle.
Nommez votre modèle.
Les modèles enregistrés apparaissent sous Modèles Enregistrés lorsque vous créez une nouvelle campagne ou automatisation.
Enregistrez des mises en page ou des éléments individuels
Enregistrer la mise en page entière : Cliquez sur le icône Enregistrer à gauche (contrôles de mise en page).
Enregistrer un seul élément : Cliquez sur le Icône Enregistrer à droite (contrôles d'élément).
Trouvez les mises en page et les éléments enregistrés dans l'onglet Bibliothèque.
Dépannage
Le glisser-déposer ne fonctionne pas ?
Ajoutez d'abord une mise en page (voir Étape 2).
Rafraîchissez votre navigateur (l'historique d'annulation sera réinitialisé).
Essayez un autre navigateur (Chrome recommandé).
Désactivez temporairement les extensions du navigateur.
Vérifiez que les cookies tiers et JavaScript sont activés.
Le bloc HTML continue de disparaître ?
Conservez les tags même s'ils sont vides – ils sont requis pour la validation. Si le bloc disparaît, votre HTML peut avoir des erreurs de validation. Utilisez un validateur HTML pour corriger les problèmes de formatage.
Contrôle de la couleur du texte non visible ?
Sélectionnez du texte brut (pas un lien hypertexte) à l'intérieur d'un élément de texte. Recherchez la barre d'outils de style dans le panneau de droite. Le sélecteur de couleur devrait apparaître à côté des options de mise en forme en gras, italique et autres.
Bouton d'annulation peu fiable ?
Recharger la page efface l'historique d'annulation. Enregistrez régulièrement votre modèle (menu déroulant en haut à droite → Enregistrer comme modèle) pour éviter de perdre des progrès.
FAQ
Pourquoi ne puis-je pas faire glisser des éléments dans mon Email ?
Vous devez d'abord ajouter une Mise en page. Les éléments (texte, images, boutons) doivent être placés à l'intérieur des mises en page. Allez à Ajouter des éléments → Mises en page, faites glisser une mise en page sur le canevas, puis faites glisser des éléments dans les sections de mise en page.
Si le glisser-déposer ne fonctionne toujours pas après avoir ajouté une mise en page :
• Rafraîchissez votre navigateur (note : l'historique d'annulation sera perdu).
• Effacez le cache et les cookies.
• Essayez un autre navigateur (Chrome, Firefox, Safari) ou le mode incognito.
• Vérifiez que JavaScript et les cookies tiers sont activés.
Si le problème persiste, contactez notre support avec votre version du navigateur et votre système d'exploitation.
Le glisser-déposer est-il disponible sur le forfait gratuit, ou est-il limité aux forfaits payants ?
Toutes les fonctionnalités de l'Éditeur d'emails, y compris le glisser-déposer, sont entièrement disponible sur le forfait gratuit. Il n'y a aucune restriction. Si vous rencontrez des problèmes, assurez-vous d'avoir d'abord ajouté une mise en page (voir ci-dessus).
Puis-je créer un email à partir de zéro sans modèle ?
Oui. Lors de la sélection du modèle, filtrez par Autres Objectifs et choisissez le modèle Texte Brut ou HTML. Ceci vous donne un canevas vierge. Ensuite, construisez votre mise en page en utilisant les onglets Mises en page et Éléments.
Pourquoi mon bloc HTML personnalisé continue-t-il de disparaître ?
Les blocs HTML peuvent disparaître si le code contient des erreurs de validation. Conservez les tags même s'ils sont vides – ils sont requis. Évitez de supprimer la structure HTML essentielle. Utilisez un validateur HTML pour vérifier votre code avant de le coller dans le constructeur. Notez également que recharger la page peut faire disparaître les blocs HTML non sauvegardés.
Le bouton d'annulation ne fonctionne pas. Comment puis-je récupérer le contenu supprimé ?
Le bouton d'annulation (coin supérieur droit) se réinitialise si vous rechargez la page. Si l'historique d'annulation est perdu, vous devrez réajouter manuellement le contenu supprimé. Astuce : Enregistrez votre email en tant que modèle fréquemment (menu déroulant en haut à droite → Enregistrer en tant que modèle) pour éviter de perdre vos progrès.
Pourquoi ne puis-je pas insérer d'images de ma bibliothèque ?
Si le bouton "Sélectionner" dans votre bibliothèque d'images est difficile à voir ou manquant, essayez de changer la mise en page de la vue en utilisant le bouton de basculement grille/liste en haut de la bibliothèque. Si le problème persiste, contactez le support.
Puis-je utiliser l'Éditeur d'emails sur mon téléphone ou ma tablette ?
L'Éditeur d'emails est optimisé uniquement pour une utilisation sur ordinateur de bureau et portable. Construire des e-mails sur mobile ou tablette peut causer des problèmes de fonctionnalité comme un glisser-déposer non réactif. Utilisez un navigateur de bureau (Chrome recommandé) pour la meilleure expérience.
Comment supprimer une mise en page ou un élément dans mon Email ?
Utilisez les contrôles de gauche (icônes qui apparaissent lorsque vous survolez une mise en page) pour supprimer des mises en page entières. Utilisez les contrôles de droite (icônes pour des éléments individuels à l'intérieur des mises en page) pour supprimer des éléments uniques comme du texte ou des images. Les deux ont une icône de poubelle pour la suppression.
Quelle est la différence entre la liste de produits et le Bloc de recommandation de produits ?
Liste de Produits : Vous sélectionnez manuellement les produits à afficher. Les informations sur les produits sont statiques (capturées lors de la création de l'Email). Pas de limite sur le nombre de produits.
Bloc de recommandation de produits: Récupère automatiquement jusqu'à 12 produits en fonction de la logique que vous choisissez (par exemple, les meilleures ventes, similaires aux achats passés). Les informations sur les produits sont dynamiques (se mettent à jour au moment de l'envoi). Personnalisé par destinataire.
Utilisez la liste de produits pour des promotions spécifiques et sélectionnées. Utilisez le Bloc de recommandation de produits pour des suggestions personnalisées et dynamiques.
Comment insérer des mises en page entre du contenu existant ?
Les mises en page ne peuvent être placées qu'en haut ou en bas du contenu existant. Pour ajouter une mise en page au milieu :
Survolez la mise en page existante → cliquez sur 'Déplacer vers le bas' pour créer de l'espace.
Faites glisser la nouvelle mise en page dans l'espace.
Ou utilisez Annuler pour reconstruire votre structure à partir de zéro.
Comment empiler des blocs verticalement ou placer des éléments côte à côte dans mon Email ?
Utilisez des mises en page multicolonnes pour plus de flexibilité :
• Pour des éléments côte à côte (par exemple, image + texte) : Ajoutez une mise en page à 2 colonnes, puis faites glisser les éléments dans chaque colonne.
empilement vertical : Ajoutez des mises en page à une colonne les unes après les autres. Faites glisser les éléments dans chaque mise en page.
Vous pouvez également survoler une mise en page et utiliser les contrôles Déplacer vers le haut/bas pour réorganiser les sections.
Vous avez des questions ? Contact (e) notre équipe de support à [email protected] ou via le chat intégré à l'application.