Créer des modèles d’e-mails à la fois esthétiques, responsifs et performants devrait toujours être simple et accessible. C’est dans cette optique que User.com propose un éditeur visuel en glisser & déposer, permettant de concevoir des emails professionnels sans aucune connaissance en HTML ou en CSS.
Dans le cadre de l’évolution continue de notre plateforme, l’ancien éditeur Unlayer a été remplacé par le nouvel éditeur visuel natif de Sarbacane. Cet article présente les changements apportés, les principales différences entre les deux éditeurs, ainsi que les avantages de cette transition sur le long terme.
Ce changement va au-delà d’une simple refonte visuelle. Il s’inscrit dans une démarche stratégique. Le nouvel éditeur visuel est une solution développée en interne et parfaitement intégrée à la plateforme User.com. Cela nous donne un contrôle bien plus étendu sur son évolution que ne le permettrait un éditeur externe.
Sans dépendre d’un éditeur tiers, nous pouvons désormais :
Accélérer le développement de nouvelles fonctionnalités
Mieux adapter l’éditeur aux cas d’usage de User.com
Assurer une stabilité et des performances durables
Réagir plus rapidement aux retours et aux besoins des utilisateurs
En résumé, l’éditeur visuel natif constitue, par rapport à un éditeur externe, une base beaucoup plus solide pour innover et faire évoluer la plateforme.
Au premier abord, les deux éditeurs se ressemblent beaucoup. L’interface générale, le fonctionnement en glisser & déposer et les blocs de contenu restent familiers, ce qui facilite grandement la découverte.
La plupart des fonctionnalités existantes ont été conservées, et certaines ont même été améliorées pour mieux répondre aux besoins des utilisateurs de User.com.
Au-delà de cette continuité, le nouvel éditeur visuel introduit également de nouveaux modules spécialement conçus pour User.com, qui permettent de créer plus facilement des emails personnalisés.
Unlayer : Le lien de désinscription devait être ajouté manuellement à l’aide du module “Unsubscribe”.
Le lien permettant de désinscrire un destinataire d’une liste spécifique devait être ajouté via le module “HTML”.
Nouvel éditeur visuel : Un lien de désinscription global est ajouté par défaut dans le footer de chaque modèle. Vous pouvez facilement le transformer en lien de désinscription d’une liste spécifique.
Vous pouvez cliquer sur le texte du lien de désinscription dans le footer pour le modifier à l’aide de la barre de mise en forme (contenu, police, taille, couleur et mise en forme).
En cliquant sur l’icône “Paramétrer un lien” puis en choisissant le type “Vers le formulaire de désinscription”, vous pouvez remplacer “l’Id du lien” par un lien qui permet se désinscrire d’une liste spécifique.
La gestion des liens de désinscription devient ainsi plus rapide et nettement plus simple que dans l’éditeur précédent.
Unlayer : Les propriétés des blocs s’affichaient dans un volet à droite de l’éditeur.
Nouvel éditeur visuel : Un lien de désinscription général est automatiquement ajouté dans le footer de chaque modèle. Vous pouvez facilement le transformer en lien de désinscription d’une liste spécifique.
Cette fenêtre peut être déplacée librement sur l’écran, offrant davantage de confort, notamment lors de la création de mises en page complexes ou sur des écrans plus petits.
Unlayer : Aucune limite du nombre de colonnes par ligne.
Nouvel éditeur visuel : Jusqu’à 6 colonnes par ligne.
Cette limite a été fixée volontairement. Six colonnes représentent le maximum recommandé pour assurer un affichage fiable sur la majorité des clients de messagerie. Cela permet d’obtenir des mises en page plus lisibles et d’optimiser l’affichage sur les appareils et les boîtes de messagerie.
Unlayer : La largeur des images était exprimée en pourcentage.
Nouvel éditeur visuel : La taille des images est définie en pixels.
Le dimensionnement en pixels offre un contrôle plus précis de l’affichage et permet de conserver un rendu visuel cohérent d’un email à l’autre.
Unlayer : La largeur du séparateur pouvait être ajustée, pour obtenir des lignes horizontales plus étroites.
Nouvel éditeur visuel : Le séparateur occupe toujours toute la largeur de son conteneur.
Cette évolution garantit un rendu plus fiable sur les différents clients de messagerie, dont certains gèrent mal les séparateurs qui ont une largeur personnalisée.
Unlayer : Les coins arrondis ne pouvaient être obtenus qu’avec du code HTML personnalisé.
Nouvel éditeur visuel : Les coins arrondis sont directement intégrés et configurables dans les propriétés de chaque bloc.
Il devient alors beaucoup plus facile de créer des designs modernes et soignés, sans avoir recours à du code.
Unlayer : Les espaces entre les blocs se paramétraient via les propriétés des blocs, en ajustant les marges du dessus et du dessous.
Nouvel éditeur visuel : Les espaces sont également gérés à l’aide d’un module dédié appelé “Espace”.
Le module “Espace” peut être inséré n’importe où dans le contenu de vos emails, pour proposer une mise en page plus aérée.
Les modules Menu et Timer ne sont pas disponibles dans le nouvel éditeur visuel. Toutefois, les modèles et messages existants qui utilisent ces éléments seront migrés à l’identique.
Il est toujours possible de reproduire ces fonctionnalités à l’aide du module “Code”.
Le passage au nouvel éditeur visuel ne se limite pas à conserver les fonctionnalités existantes, il ouvre également de nouvelles possibilités. Grâce à une intégration plus poussée avec la plateforme User.com, vous bénéficiez désormais de modules intelligents, conçus pour répondre à vos besoins et vous faire gagner du temps dans la création d’emails plus performants.
La “Librairie” vous permet de gagner du temps et de conserver une identité visuelle cohérente pour tous vos emails.
Elle permet de :
Créer, modifier et enregistrer des blocs réutilisables (par exemple : en-têtes, pieds de page, bannières, sections produits, CTA, etc.)
Stocker ces blocs dans une librairie partagée, accessible à toute votre équipe
Réutiliser les blocs enregistrés dans :
de nouveaux emails
de nouveaux modèles
La “Librairie” est accessible directement depuis le nouvel éditeur visuel, dans la section “Blocs” située à droite de l’éditeur. En un clic, vous pouvez insérer les blocs enregistrés dans la campagne sur laquelle vous travaillez.
La création d’emails de panier abandonné se fait désormais en quelques clics ! Le nouveau module “Panier” est spécialement conçu pour les communications liées aux produits. Il permet de présenter de manière structurée les produits, avec leur visuel et leurs caractéristiques.
En se basant sur l’événement produit sélectionné, le module génère automatiquement le contenu du panier en récupérant les données produit. Grâce à son intégration complète avec User.com, il récupère ces données de manière automatique, sans paramétrage supplémentaire.
Résultat : les emails centrés sur les produits peuvent maintenant être conçus en un temps record.
Le module “Google Maps” vous permet d’afficher des lieux physiques dans vos emails. Il suffit de renseigner une adresse pour générer automatiquement :
Un aperçu de la carte
Un lien cliquable ouvrant l’adresse directement dans Google Maps
Parfait pour mettre en avant l’emplacement de votre entreprise, boutique, bureau ou tout autre lieu pertinent.
Le module “Image flottante” juxtapose une image et son texte pour mieux gérer l’équilibre visuel et la narration de votre contenu.
Affichage d’une image avec du texte qui s’adapte autour ;
Choix de l’emplacement du texte (à gauche ou à droite de l’image)
Prise en charge des images :
importées depuis votre ordinateur
sélectionnées dans la librairie
ajoutées via une URL externe
Outil de retouche intégré pour modifier l’image directement dans l’éditeur
Le module “Partage” aide vos destinataires à partager le contenu de votre email sur les réseaux sociaux. En cliquant sur une icône, ils peuvent publier facilement le contenu sur la plateforme de leur choix
Plateformes disponibles :
X (anciennement Twitter)
Le lien partagé peut être :
une page web
ou la version en ligne de l’email
Le module “Flux RSS“ intègre automatiquement du contenu issu de flux RSS dans vos emails.
Il est idéal pour maintenir vos communications à jour sans intervention manuelle. Une fois configuré, le contenu se met automatiquement à jour :
Ajout d’une URL de flux RSS
Récupération automatique des articles
Affichage de jusqu’à 10 articles comprenant :
le titre de l’article
le lien
une courte description
Vous pouvez choisir combien d’articles seront affichés dans l’email, selon vos besoins.
Après le déploiement du nouvel éditeur visuel, tous vos emails et modèles existants restent disponibles et inchangés dans votre compte.
Lorsque vous ouvrez un modèle ou un email existant pour le modifier, celui-ci est automatiquement migré vers le nouvel éditeur visuel. Vous pouvez continuer à travailler dessus immédiatement, sans manipulation supplémentaire.
Tous les nouveaux emails et modèles sont désormais créés par défaut dans le nouvel éditeur visuel.
Enfin, le nouvel éditeur inclut une vaste sélection de modèles professionnels, performants et facilement personnalisables selon votre marque et vos objectifs marketing - pour vous permettre de démarrer plus rapidement et de produire du contenu de qualité avec un minimum d’effort.
