Éditeur d'e-mails IA
EngageLab propose un outil d'édition d'e-mails visuel avec assistance IA. Sans écrire de code, vous pouvez concevoir par glisser-déposer des e-mails responsives et adaptés aux mobiles, et utiliser l'IA pour générer des premiers jets, peaufiner le contenu, ajuster la mise en page et traiter les images ; avant l'envoi, utilisez l'aperçu dans la boîte de réception pour vérifier le rendu dans les principaux clients mail.
Connectez-vous à EngageLab Email pour créer des modèles et recevez 300 points gratuits.
Créer un modèle d'e-mail
Après ouverture de l'éditeur, vous pouvez démarrer la création d'un e-mail de trois manières :
Création IA : saisissez une instruction courte ; l'éditeur génèrera un contenu et une mise en page comme point de départ, puis vous pourrez continuer à éditer dans l'espace de travail.
Création à partir d'un modèle : parcourez les cartes de modèles, recherchez par mot-clé et filtrez par catégorie (par exemple modèles basiques, modèles thématiques, etc.). Une fois sélectionné, vous pouvez modifier le modèle directement.
Création par importation : importez du HTML depuis d'autres plateformes. L'éditeur analysera l'HTML importé et le convertira en sections éditables. Comme toutes les structures HTML ne se mappent pas parfaitement sur les blocs glissables, un ajustement manuel peut être nécessaire après l'import.
Espace de travail de l'éditeur
Que vous ayez démarré via l'IA, un modèle ou un import, l'éditeur ouvre l'espace de travail. C'est la zone centrale pour ajouter du contenu, modifier la mise en page, configurer les styles, prévisualiser et enregistrer l'e-mail.
1. Principales zones
| Zone | Ce que vous pouvez y faire |
|---|---|
| Barre supérieure | Voir/renommer l'e-mail, consulter l'état de sauvegarde, revenir en arrière, prévisualiser, enregistrer |
| Navigation latérale | Basculer entre "Édition de contenu" et "Outils d'assistance IA" |
| Panneau de contenu | Glisser des blocs, sections ou éléments enregistrés dans l'e-mail |
| Toile | Modifier visuellement la mise en page et le contenu de l'e-mail |
| Panneau de paramètres (à droite) | Configurer les paramètres globaux ou du bloc sélectionné |
2. Barre supérieure
Voir ou renommer l'e-mail en cours, afficher l'état des dernières sauvegardes, revenir, ouvrir l'aperçu, enregistrer l'e-mail. Après enregistrement, l'état et le contenu de l'e-mail sont synchronisés avec votre compte EngageLab Email pour les envois ou les campagnes marketing ultérieures.
3. Navigation latérale et panneau de contenu
La navigation latérale donne accès aux principaux modes de l'éditeur ; les entrées courantes incluent "Édition de contenu" et "Outils d'assistance IA".
Le panneau de contenu contient des composants réutilisables, onglets courants :
Blocs : textes, images, boutons, séparateurs, liens sociaux, compte à rebours, code, menu, etc., blocs de contenu individuels.
Sections : agencements de mise en page préconfigurés à ajouter d'un clic.
Enregistrés : contenus enregistrés et réutilisables organisés.
4. Panneau de paramètres (à droite)
Ce panneau s'adapte au contexte :
Quand aucun bloc n'est sélectionné, il affiche les paramètres globaux de l'e-mail : objet, texte d'aperçu, largeur de l'e-mail, couleur de fond, couleur de fond du contenu, police, couleur des liens, paramètres des variables, etc.
Quand un bloc ou une section est sélectionné, il affiche les paramètres propres à cet élément.
5. Toile
La toile est la zone d'édition visuelle : vous pouvez y sélectionner du texte/image/bouton, réorganiser visuellement, modifier la mise en page et voir le rendu en temps réel.
6. Prévisualisation et enregistrement
Avant d'enregistrer, vous pouvez prévisualiser l'e-mail ; l'espace de travail inclut aussi un test anti-spam, un aperçu multi-appareils et un aperçu dans la boîte de réception.
Blocs et sections
L'éditeur utilise une approche par blocs, composée de trois types d'éléments.
1. Blocs — l'unité minimale déplaçable
Après avoir glissé un bloc sur la toile, vous pouvez configurer son contenu, son style, ses marges et sa visibilité. Blocs courants :
| Bloc | Utilité |
|---|---|
| Texte | Titres, corps, descriptions et autres contenus textuels |
| Image | Ajouter ou remplacer une image |
| Image + texte | Mise en page combinée image et texte |
| Bouton | Bouton d'appel à l'action |
| Séparateur | Séparer visuellement des zones de contenu |
| Espaceur | Espacement vertical entre contenus |
| Réseaux sociaux | Liens ou icônes des réseaux sociaux |
| Compte à rebours | Minuteur pour événements limités dans le temps |
| Code | HTML personnalisé ou contenu en code |
| Menu | Liens de navigation |
| Tableau | Structure en lignes et colonnes |
| Vidéo | Contenu vidéo ou bloc de prévisualisation vidéo |
2. Sections — ensembles de mise en page préconfigurés
Les sections sont des groupes de mise en page prêts à l'emploi, pour construire des e-mails plus rapidement sans ajouter les blocs un par un. Catégories courantes :
Image et texte : zone Hero, points forts, présentation produit.
Texte : annonces, descriptions ou communications principalement textuelles.
Images : galeries, bannières, visuels produits.
En-têtes : logo, navigation, titre ou structure en haut d'e-mail.
Pied de page et signatures : liens de pied de page, informations de l'expéditeur, signatures, zone de désinscription.
Colonnes vides : mise en page multi-colonnes personnalisable.
Vous pouvez glisser une section sur la toile, puis éditer ses blocs, sa mise en page et son style.
3. Sections enregistrées — sections personnalisées réutilisables
Les sections enregistrées sont des sections personnalisées sauvegardées pour réutilisation, adaptées aux contenus récurrents (par exemple : en-tête, pied de page, logo, mentions légales, signature de marque, zones promotionnelles fréquentes, mises en page produit réutilisables). Après enregistrement, elles sont accessibles dans l'onglet Enregistrés pour maintenir la cohérence des e-mails d'équipe entre campagnes.
Quand vous sélectionnez un bloc ou une section sur la toile, l'éditeur affiche les contrôles correspondants. Options courantes : texte, image, lien, couleur de fond, bordure, arrondis, padding, alignement, visibilité bureau/mobile, etc. Les paramètres de visibilité au niveau de la section priment sur ceux des blocs internes.
Fonctionnalités IA
Les fonctionnalités IA accélèrent la création du premier jet, le polissage du contenu, l'ajustement de la mise en page et l'édition d'images.
1. Création IA
Démarrez un nouvel e-mail à partir d'une consigne : fournissez brièvement vos besoins (objectif de la campagne, audience, promotion, produit ou informations), l'éditeur génèrera un plan, puis créera un e-mail éditable.
Scénarios typiques : e-mail de bienvenue, bulletin d'information, campagne promotionnelle, relance de panier abandonné, lancement de produit, e-mail d'onboarding.
Processus de génération IA :
Saisissez la consigne ou choisissez un brief exemple ;
Validez ou ajustez le plan généré ;
Choisissez un thème visuel ;
Générez l'e-mail ;
Continuez l'édition dans l'espace de travail.
Lors de la confirmation du plan, vous pouvez ajuster : secteur, scénario, longueur de sortie, ton, audience cible, langue de sortie, source des images, modèle d'image, style d'image, etc. Le résultat est ouvert comme un e-mail éditable classique, puis modifiable via les blocs, sections, paramètres globaux et outils IA.
2. Réécriture IA
Appliquez l'IA aux contenus ou sections sélectionnés dans l'espace de travail. Vous pouvez sélectionner une section, un bloc ou une image pour que l'IA procède à une optimisation. L'éditeur peut proposer des actions rapides, par exemple :
| Catégorie | Exemple d'action |
|---|---|
| Écriture | Améliorer le ton, corriger l'orthographe, raccourcir, développer, simplifier, augmenter l'urgence |
| Mise en page | Tester une nouvelle mise en page, passer en deux colonnes, ajouter un appel à l'action |
| Visuel | Rendre plus visuel, ajouter des images |
La réécriture IA est particulièrement utile lorsque vous avez déjà un brouillon et souhaitez améliorer des éléments précis sans recréer l'ensemble de l'e-mail.
3. Dialogue IA
Le panneau IA propose une interface conversationnelle pour interagir avec l'IA. Vous pouvez saisir des instructions telles que :
Transformer cette section en mise en page deux colonnes ;
Reformuler le titre pour qu'il soit plus percutant ;
Ajouter un appel à l'action à cette section ;
Adapter l'image à une newsletter dédiée à la tech.
Le panneau affiche la version avant et après modification, vous permettant de comparer avant d'appliquer les changements.
4. Édition d'images IA
Lorsque vous sélectionnez une image, des opérations assistées par IA peuvent être proposées, par exemple :
Supprimer l'arrière-plan ;
Agrandir l'image ;
Supprimer le texte présent dans l'image ;
Générer ou remplacer une image à partir d'une consigne.
