Brevo intègre un email builder, vous voulez connaitre notre avis ?

De nombreuses organisations choisissent de concevoir leurs emailings et newsletters via l’email builder intégré à leur outil de routage. Sans surcoût, cette option facilite la personnalisation des emails grâce à l’accès direct aux données de contacts. Alors, pourquoi s’en priver ? Dans le cadre de plusieurs projets, nous avons utilisé l’éditeur email de Brevo. Dans cet article, nous vous livrons notre avis sur cet éditeur, en dressant la liste de ses points positifs, négatifs et ceux où nous sommes plus dubitatifs.

Observations générales sur le builder de Brevo

La création des emails se fait par un système de glisser-déposer. Il suffit de choisir une structure, appelée « section », puis d’y insérer des contenus, nommés « blocs ».

Brevo propose également une sélection de sections graphiques pré-stylisées comme source d’inspiration, bien que celles-ci demeurent relativement légères.

Points positifs de l’email builder Brevo

L’interface de Brevo est très claire et intuitive. Voici quelques éléments que nous avons particulièrement appréciés :

La facilité du respect et de la cohérence avec la charte graphique web

• Détection automatique des éléments graphiques : en saisissant simplement l’URL d’un site, Brevo peut extraire le logo, la palette de couleurs, la police, etc.
• Enregistrement d’éléments graphiques personnalisés : cela inclut la typographie des titres, les liens vers le site et les réseaux sociaux, la couleur de fond du template, ainsi que les styles des boutons d’appel à l’action (CTA).

Cette fonctionnalité évite de répéter les mêmes réglages pour chaque bloc, garantissant ainsi une cohérence et minimisant les erreurs.

En écrivant le site web d’une marque, Brevo va chercher automatiquement le logo, la palette de couleurs, la police etc…

Le partage de template

La possibilité de partager des templates est extrêmement utile, notamment pour le travail en mode agence ou pour des utilisateurs moins familiers avec les outils d’emailing. Elle permet de confier la création du master template à une personne experte en design d’email ou plus à l’aise avec les outils de type email builder. Une fois le template conçu, le designer envoie simplement un lien au rédacteur d’email et — comme par magie — tout fonctionne parfaitement !

L’enregistrement de blocs personnalisés

Très pratique pour enregistrer des blocs récurrents des newsletters : comme les header, footer, bloc de réassurance, de contact, de partage, de témoignage, etc.

Note : Il est possible d’enregistrer des blocs si et seulement si la structure de colonne est identique. Mais il n’est pas possible d’enregistrer des blocs dont les lignes comportent des colonnages différents (pour bien comprendre, rendez-vous plus bas dans la liste des points négatifs).

Les ajustements pour la version mobile

L’outil permet d’aligner différemment les blocs texte/image sur mobile, d’ajuster la taille des éléments et de masquer certains contenus. C’est pas mal du tout !

L’éditeur de visuel intégré

• La possibilité de rogner les visuels et d’ajouter un filtre. On est certes loin d’un Photoshop ou Figma, mais ça peut être très utile à celles et ceux ne disposant pas d’outil ou qui utilisent l’option de rognage sur power point (si si il y en a !).
• La possibilité d’ajouter des images libres de droits qui évite de devoir sortir de l’outil pour se rendre sur d’autres comme Unsplash. Par contre, ça aurait été sympa d’ajouter automatiquement quelque part l’auteur du visuel (en légende du visuel ou dans le footer par exemple). Ils sont rarement mentionnés les pauvres.

Le bloc vidéo

La détection automatique d’une image à partir de l’URL de la vidéo et la possibilité d’incorporer un pictogramme « play » dans l’image afin d’inciter à la lecture. C’est ultra pratique et rapide à mettre en oeuvre.

Autres points positifs

• Gestion des alignements verticaux (haut, milieu, bas).
• Règles d’affichage conditionnelles basées sur des données présentes en base. Ce qui permet d’afficher ou non des blocs en fonction d’un profil ou segment particulier.

Points négatifs de l’email builder de Brevo

Malgré ses atouts, nous déplorons :

Impossibilité d’enregistrer des blocs de colonnages différents

Et c’est là que les profils d’utilisateurs ayant une orientation design comprendront rapidement la limite.

Pour faire une mise en page, il est courant d’avoir recours à une grille verticale. Celle ci permet d’organiser les contenus en colonnes avec des marges et des gouttières.

Le problème que vous pourrez rencontrer rapidement et de vouloir créer un “bloc” qui contient des contenus ayant des structures de colonnes différentes. Une fois en “une colonne” (pleine largeur) et une fois en 2 ou 3 colonnes.

Par exemple : Un bloc d’introduction avec signature éditoriale

Ici nous avons une première partie du bloc sur 1 colonne et la deuxième sur 2 colonnes. Impossible d’enregistrer le tout sur Brevo.

Pour reproduire un tel bloc, il faudrait réaliser deux blocs et les ajouter l’un sous l’autre.

Un bloc d’une seule colonne et trois ligne : titre, paragraphe, bouton

Et un bloc deux colonnes : image à gauche et texte à droite

Si vous êtes attentifs, vous réaliserez qu’il va aussi falloir faire attention au rythme vertical et donc aux marges entre ces deux blocs. Pris de façon isolé les blocs fonctionnent, si on veut les assembler il va falloir ajuster les marges au risque d’avoir un espace important entre le bouton et la signature éditoriale. Ce n’est pas si trivial.

Absence de verrouillage de contenus

Certains blocs, qui n’ont pas besoin d’être modifiés à chaque création d’email — comme les blocs header, footer, contact ou réassurance — devraient pouvoir être verrouillés pour limiter les modifications accidentelles.

C’est surtout pratique dans les grandes équipes et si il y a du turn-over. Cela permet d’assurer un contrôle qualité sur les éléments récurrents et contenant des données sensibles (lien de désabonnement, centre de préférences, mentions légales…)

Cette fonctionnalité est également utile pour des blocs contenant de la personnalisation ou du contenu conditionnel.

Limitations dans la mise en page avancée

Certaines chartes graphiques emails (design system email) nécessitent des chevauchements de blocs qui ne sont pas facilement réalisables avec les options disponibles dans Brevo. Ou encore des gestions de marges externes et internes, le tout avec un positionnement différent dans le version mobile.

Exemple avec un “stepper” pour un séquençage d’action utilisateur :

Outre l’évidence des bords arrondis et de la question du rendu, ici nous avons un fond jaune avec des marges pour insérer trois lignes de contenu qui ont des marges entre elles et surtout un padding (marge interne) blanc afin que le contenu ne soit pas trop resserré.

Dans cette version “desktop” les contenus : numéro, textes et flèche sont en trois colonnes.

Si on regarde la version mobile, la distribution n’est pas entièrement en mono colonne :

Une fois de plus ce sont des subtilités, mais ce sont ces mêmes subtilités qui font votre identité visuelle et qui seront attendues par un studio créa.

Nous sommes dubitatifs ou sans avis

Un assistant IA (en mode Bêta)

Cet assistant génère du texte (titres, paragraphes ou boutons) à partir d’un prompt. Il offre la possibilité de reformuler des phrases, de réduire leur longueur, ainsi que de corriger l’orthographe et la grammaire. De plus, il permet de modifier le style rédactionnel en choisissant parmi 21 tonalités prédéfinies, telles que amical, authentique, drôle, exclusif ou orienté vers l’action.
Mais, après quelques tests, nous avons constaté que l’IA produit souvent des phrases assez génériques et un discours mou, semblable à ce que l’on peut trouver ailleurs. Bien que la syntaxe soit correcte, il manque cette touche de singularité que l’on obtient avec une charte éditoriale email élaborée par des professionnels.
L’IA permet également de traduire les contenus dans 16 langues, ce qui semble très pratique et permet à l’équipe de gagner du temps. Toutefois, je suis persuadée qu’une relecture s’avère nécessaire pour préserver cette singularité dans les traductions. Donc encore une fois on est sur quelque chose qui fonctionne relativement bien mais qui n’émeut pas.

L’ajout facile de des gifs animés

La possibilité d’ajouter des GIFs aussi facilement peut inciter les utilisateurs à en abuser, et c’est ce qui me dérange. Chez Badsender, nous avons une opinion assez tranchée sur l’utilisation des GIFs animés en emailing.

Possibilité de définir une image de fond et son positionnement

De même, les images de fond dans un bloc cover en emailing peuvent sembler attrayantes, mais elles posent problème lorsque les visuels de votre environnement d’ouverture ne se chargent pas. Et attention à bien vérifier le rendu en dark mode également.

Le mode développeur

L’absence de coloration syntaxique rend l’édition de code moins pratique. Il est donc préférable d’utiliser un éditeur externe pour ensuite copier-coller le code dans Brevo.

Exemples de templates générés avec l’email builder de Brevo

Voici 2 exemples de templates générés via l’éditeur email Brevo. Ces templates sont très propres, efficaces et cohérents avec la charte graphique web des sites correspondants.

Cependant, j’attire votre attention sur un point important : malgré mes 15 années d’expérience en emailing et ma connaissance approfondie des bonnes pratiques, je n’ai pas été capable de créer ces templates moi-même. Je peine à manipuler correctement et rapidement un éditeur email, quel qu’il soit, à ajuster précisément les marges et à assurer une cohérence graphique entre les blocs sans que ça me prenne 2 jours. J’ai donc fait appel à Pierre, notre designer et intégrateur chez Badsender, qui a réalisé ce travail en seulement quelques heures. Par contre, je suis capable de faire un bon brief de ce que je veux 😉

Notre conclusion sur l’email builder de Brevo

En résumé, l’email builder de Brevo est un éditeur de template très efficace. Avec une interface moderne et des fonctionnalités bien pensées et pratiques, il s’adresse particulièrement aux structures ayant une charte graphique simple ou ne nécessitant pas de mises en page avancées. Il fournit l’essentiel pour concevoir des designs fonctionnels et propres.