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 Articles 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 → Créer une 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 Modèle HTML. Ensuite, ajoutez vos propres mises en page et éléments depuis la barre latérale gauche.
Pour créer des emails sans design, uniquement en texte, utilisez l'<Éditeur d'emails> uniquement en texte.Dans l'étape Modèle d'email, sélectionnez Uniquement texte.
📝 En savoir plus : Créer des emails uniquement en texte.
É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, etc.) dans les sections de votre mise en page.
Remarque: LeListe de Produits etBloc de recommandation de produits sont des exceptions – faites-les glisser directement sur le canevas de l'Email, pas dans une section de colonne de mise en page. Ce sont des blocs autonomes, en pleine largeur, qui ne peuvent pas être placés à l'intérieur des colonnes.
💡 Astuce : Consultez ce guide pour en savoir plus sur tous les articles disponibles.
Personnalisez votre mise en page
Contrôles de gauche (icônes sur la mise en page) : Dupliquer, supprimer, déplacer ou enregistrer l'ensemble de la mise en page.
Contrôles de 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
Basculer entre les vues de bureau et de 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.
Note : 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 : Ajustez 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 votre Modèle régulièrement pour éviter de perdre vos 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 | Esc |
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 |
Refaire | Maj + Ctrl + Z | Maj + Cmd + Z |
Laissez 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'image ou espacements de texte sur mobile.
Engagement accru : Des emails mobiles bien optimisés améliorent les taux de clics.
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 dans Mise en page (panneau de droite) → Paramètres d'affichage.
Choisir :
Tous les appareils (par défaut)
Appareils mobiles uniquement
Appareils de bureau uniquement
💡 Astuce : Utilisez le Aperçu outil pour vérifier comment votre Email apparaît sur ordinateur et mobile.
Étape 4. Enregistrez votre design
Enregistrer en tant que Modèle
Cliquez sur le menu déroulant dans le coin supérieur droit. Sélectionnez Enregistrer en tant que 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.
Enregistrer des mises en page ou des éléments individuels
Enregistrer la mise en page entière : Cliquez sur le Enregistrer l'icône à gauche (contrôles de mise en page).
Enregistrer un seul élément : Cliquez sur le Enregistrer l'icône à droite (contrôles de l'élément).
Trouvez les mises en page et les éléments enregistrés dans l'onglet Bibliothèque.
4a1 Apprenez comment Utiliser des mises en page universelles pour garder le contenu des e-mails cohérent.
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.
Si vous ajoutez un Produit ou un bloc Bloc de recommandation de produits, ces blocs sont autonomes, des blocs en pleine largeur ils ne peuvent pas être placés dans une section de colonne de mise en page.
Le bloc HTML continue de dispara4re ?
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.
Le contrôle de la couleur du texte n'est pas 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, en italique et d'autres options de formatage.
Bouton Annuler peu fiable ?
Recharger la page efface l'historique d'annulation. Enregistrez votre Modèle régulièrement (menu déroulant en haut à droite → Enregistrer en tant que modèle) pour éviter de perdre vos 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 → Agencements, faites glisser un agencement sur le canevas, puis faites glisser des éléments dans les sections de l'agencement.
Si le glisser-déposer ne fonctionne toujours pas après avoir ajouté une mise en page :
• Actualisez votre navigateur (remarque : l'historique des annulations 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 de navigateur et votre système d'exploitation.
Le glisser-déposer est-il disponible dans 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 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. Puis construisez votre mise en page en utilisant les onglets Dispositions 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. Aussi, notez que recharger la page peut faire disparaître des blocs HTML non enregistrés.
Le bouton annuler 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é. Conseil : 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 des 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 corbeille pour la suppression.
Quelle est la différence entre le Produit Listing et le Bloc de recommandation de produits ?
Produit Listing : Vous sélectionnez manuellement les produits à afficher. Les informations sur le produit 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 le Produit 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 le 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 dispositions multicolonnes pour flexibilité :
• Pour é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 des é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 à 💬Vous avez encore des questions ? Contact (e) notre équipe de support à [email protected] ou via le chat intégré à l'application.