L’éditeur d’email de GoHighLevel est flexible et accessible. Contrairement aux anciens éditeurs email qui demandent du HTML ou du code, celui de GoHighLevel fonctionne au drag-and-drop : vous glissez des blocs sur la page et voyez le résultat en temps réel. Mais cette simplicité cache une profondeur : chaque bloc a ses propres options et comportements sur mobile. Ce guide décortique chaque type de bloc, vous montre comment les utiliser, et explique les pièges courants.
Propuls’Lead a vu trop d’emails amateurs créés simplement faute de connaissance de l’interface. Un texte illisible parce que la taille de police n’a pas été ajustée, une image qui ne s’affiche pas sur mobile parce que les règles responsive n’ont pas été compris, un bouton qui ne clicke nulle part parce que l’URL a été mal lée. Ces erreurs ne coûtent rien à éviter une fois qu’on sait où regarder. Cet article vous donne cette connaissance, bloc par bloc.
L’organisation générale : panels et zones
Quand vous ouvrez l’éditeur email GoHighLevel, vous avez l’impression d’être dans un espace blanc au centre avec des panneaux à droite et à gauche. À gauche, un panneau « Blocs disponibles » ou « Elements library » affiche tous les types de blocs que vous pouvez insérer : texte, image, bouton, code personnalisé, séparateur, espaceur, produits, colonnes, et plus. Chaque bloc a une petite icône et un label. Au centre, la zone de dessin : c’est là que vous construisez votre email. À droite, le panneau de propriétés qui change selon le bloc sélectionné. Cliquez sur un texte, le panneau droit vous montre les options de texte. Cliquez sur une image, c’est les options d’image.
La clé pour maîtriser cet éditeur est de comprendre qu’il y a trois niveaux : le niveau de l’email entier (réglages globaux : fond, largeur, polices par défaut), le niveau du bloc (réglages spécifiques à ce bloc : couleur du texte, taille du bouton), et le niveau du contenu (ce qu’il y a dedans : le texte exact, l’URL du bouton). Maîtriser ces trois niveaux rend l’éditeur transparent.
Les blocs de base : Texte et Paragraphes
Le bloc texte est l’élément fondateur. Quand vous ajoutez un bloc texte, GoHighLevel vous donne un espace où taper ou coller du texte. Une fois le texte dedans, des options apparaissent à droite : taille de police, poids (normal, gras, italique), couleur, alignement (gauche, centre, droite, justifié), espacement des lignes, marges extérieures.
Astuce courante sous-estimée : l’espacement des lignes. Un texte dont les lignes sont trop serrées devient dur à lire sur mobile. GoHighLevel propose généralement un multiplicateur de 1x à 2x pour l’espacement des lignes. Propuls’Lead recommande 1.5x pour un texte de corps, 1.2x pour un titre. Cela crée une respiration visuelle qui rend la lecture agréable.
Une autre subtilité : les marges. Quand vous définissez le « padding » (espacement intérieur) d’un bloc texte, vous contrôlez l’espace entre le texte et les bords du bloc. Un padding de 20px de tous les côtés rend un texte moins étouffant qu’un padding de 5px. Expérimentez : l’éditeur a généralement un mode « preview responsive » qui vous montre comme votre texte s’affiche sur mobile.
Les blocs Titre (H1, H2, H3)
GoHighLevel propose des blocs « Titre » distincts du texte simple. Un H1 est un titre principal (gros, gras, centré). Un H2 est légèrement plus petit. Un H3 plus petit encore. Respecter ces hiérarchies n’est pas qu’une esthétique : c’est du SEO. Un titre H1 compte plus qu’un H2 pour les moteurs de recherche. Propuls’Lead recommande un H1 par email, puis des H2 si nécessaire, puis des H3. Cela garantit clarté visuelle et sémantique.
Les images : upload, redimensionnement, et responsive
Pour ajouter une image, cherchez le bloc « Image » et glissez-le dans la zone centrale. GoHighLevel vous demande soit d’uploader un fichier depuis votre ordinateur, soit de choisir une URL d’image existante, soit de sélectionner une image depuis votre galerie GoHighLevel. Une fois l’image insérée, le panneau droit vous propose : largeur, hauteur, ratio d’aspect, bordure, ombre, texte alternatif (alt text).
Le texte alternatif est primordial, bien au-delà du style. C’est une description textuelle de l’image, utile pour les lecteurs malvoyants et aussi un signal pour les moteurs de recherche. Écrivez un alt text descriptif : « Graphique montrant la croissance des ventes Q1 2026 » plutôt que « Graphique ». GoHighLevel affiche cet alt quand l’image ne charge pas (parfois les emails bloquent les images par défaut), donc c’est aussi un fallback visuel.
Responsive sur mobile : c’est là que les débutants trébuchent. Une image de 800px de large s’affiche parfaitement sur ordinateur, mais elle explose l’écran d’un téléphone. GoHighLevel gère généralement cela automatiquement en rédimensionnant l’image pour qu’elle rentre sur mobile. Mais testez toujours sur mobile. Si une image s’affiche trop petite ou floue, augmentez sa hauteur/largeur. Si elle dépasse les bords, diminuez-la. GoHighLevel vous laisse définir des dimensions différentes pour desktop et mobile via les options responsive, ce qui est très utile.
Les boutons : design, URL, et call-to-action
Un bloc bouton est un élément interactif qui redirige vers une URL quand on clique. Vous pouvez changer le texte du bouton, lier l’URL, modifier la couleur de fond et du texte, ajuster la taille, arrondir les coins, définir une bordure, ajouter une ombre.
Attention : l’URL doit être complète. Une URL relative comme « /mon-offre » ne fonctionne pas. GoHighLevel demande une URL absolue : « https://monisite.com/mon-offre ». Vérifiez que l’URL commence par http:// ou https://.
Astuce design importante : testez le contraste entre la couleur du bouton et son texte. Un bouton jaune clair avec texte blanc peut sembler clair sur votre écran mais finir illisible sur téléphone. Propuls’Lead recommande un ratio de contraste WCAG d’au moins 4.5:1 entre le texte et le fond pour l’accessibilité.
Les colonnes : créer des layouts complexes
Quand vous glissez un bloc « Colonnes », GoHighLevel vous propose un nombre de colonnes : 1 colonne (par défaut), 2 colonnes, 3 colonnes. Chaque colonne peut contenir d’autres blocs. Cela vous permet de créer des layouts côte à côte : image à gauche, texte à droite. Utile pour les grilles de produits, les comparaisons, les layouts complexes.
Attention : sur mobile, les colonnes ne restent pas côte à côte. GoHighLevel empile automatiquement les colonnes en une seule colonne sur small screens. C’est généralement le comportement qu’on veut, mais parfois vous voulez que deux colonnes restent côte à côte même sur mobile. Pour cela, explorez les paramètres responsive : vous pouvez souvent définir « Rester côte à côte sur mobile » ou « Stack sur mobile ». Testez toujours, car une colonne trop étroite devient illisible.
Les séparateurs et espaceurs : la respiration visuelle
Un bloc séparateur ajoute simplement une ligne horizontale. C’est utile pour diviser visuellement différentes sections de votre email, notamment entre le header, le corps, et le footer. Vous pouvez customiser la couleur, l’épaisseur, le style (plein, pointillé).
Un bloc espaceur ne dessine rien : il crée juste de l’espace blanc. Hauteur personnalisable. Utile pour laisser respirer votre email entre deux blocs de contenu dense. Propuls’Lead recommande des espaceurs de 20-40px entre les sections. Cela semble petit, mais sur mobile, cela fait la différence.
Les codes de personnalisation : variables dynamiques
GoHighLevel permet d’insérer des variables dynamiques dans vos emails : le nom du contact, son entreprise, son adresse email, un tag personnalisé. Quand vous envoyez votre email, ces variables sont remplacées par les vraies données du contact.
Par exemple, un bloc texte peut dire : « Bonjour {{firstName}}, bienvenue chez nous. » Quand l’email arrive à Jean Martin, le message devient « Bonjour Jean, bienvenue chez nous. » C’est puissant pour la personnalisation. Cherchez une option « Insérer une variable » ou « Personalization » dans l’éditeur texte. Une liste de variables disponibles s’affiche, vous cliquez sur celle que vous voulez, et elle s’insère à la position du curseur.
Attention : si vous personnalisez avec une variable qui n’existe pas pour certains contacts (par exemple {{phoneNumber}} si vous ne l’avez pas capturé), GoHighLevel affiche généralement une valeur vide ou un tiret. Testez toujours votre email avec un contact test qui a les données, et un contact qui n’en a pas, pour voir le fallback.
Les sections et les styles globaux
En haut de l’éditeur, allez dans « Paramètres d’email » ou « Email Settings ». Vous pouvez y définir la couleur de fond de l’email entier, la largeur par défaut (600px pour desktop, responsive sur téléphone), les polices par défaut, et les marges globales. Ces paramètres s’appliquent à tous les blocs sauf si vous les surchargez. C’est utile pour garder un look cohérent. Commencez par définir votre palette de couleurs et vos polices avant de construire. Propuls’Lead recommande une police sans-serif pour le corps (Helvetica, Arial, Segoe) et une police contrastée pour les titres.
Exporter le HTML ou utiliser les templates
Une fois votre email créé, GoHighLevel vous permet de le sauvegarder comme template ou comme campagne. Si vous créez un template, vous pouvez le réutiliser pour des campagnes futures, ce qui gagne du temps et assure la cohérence de style. Allez dans Paramètres > Templates ou directement depuis votre email fini, cherchez « Sauvegarder comme template ». Vous pouvez même exporter le code HTML brut si vous avez besoin de l’utiliser ailleurs, bien que ce ne soit rarement utile sauf si vous migrez vers une autre plateforme. GoHighLevel génère du HTML très propre et prêt à utiliser dans d’autres contextes.
Avec ces connaissances, vous pouvez créer des emails visuellement attrayants, responsive sur mobile, et alignés avec votre stratégie d’email marketing. L’éditeur n’est plus un obstacle, c’est un outil au service de vos campagnes d’automatisation et de votre conversion client.