MailBuildrMailBuildr.com

Éditeur

Éditeur de blocs

Guide complet sur la composition d'emails avec l'éditeur visuel — blocs disponibles, interactions canvas, IA et raccourcis.

Vue d'ensemble de l'interface

L'éditeur est composé de quatre zones principales :

En-tête

Nom du template, boutons Annuler/Rétablir, horodatage de sauvegarde, export, options.

Barre latérale gauche

Onglets "Ajouter" (palette de blocs par drag & drop) et "Options" (panneaux de style du bloc sélectionné).

Canvas central

Aperçu live de l'email. Cliquez pour sélectionner, glissez pour réordonner, double-cliquez pour éditer inline.

Bulle IA

Icône ✨ flottante en bas à droite. Décrivez une modification ou un nouveau bloc en langage naturel.

Interactions sur le canvas

Sélectionner un blocClic simple sur le bloc. Un contour orange apparaît avec les poignées de contrôle.
Éditer le contenuDouble-clic sur un bloc texte pour passer en mode édition inline avec la barre de mise en forme.
Déplacer un blocGlissez la poignée ⠿ (à gauche du bloc) pour le réordonner dans sa liste parent.
DupliquerCtrl+D ou cliquez l'icône de duplication dans les actions flottantes du bloc sélectionné.
SupprimerTouche Delete / Backspace ou cliquez l'icône poubelle dans les actions flottantes.
Ajouter un blocGlissez un type depuis la palette "Ajouter" dans la barre latérale et déposez-le dans le canvas.
ZoomUtilisez les contrôles +/- dans le coin supérieur droit du canvas (50 % – 150 %). Cliquez le pourcentage pour réinitialiser à 100 %.

Types de blocs

11 types de blocs couvrent la grande majorité des besoins email. Les blocs marqués PRO nécessitent un plan payant.

TypeDescription
Conteneur

Section parente permettant de grouper des blocs, contrôler la largeur, la couleur de fond et les colonnes.

T
Texte

Paragraphe ou titre éditable inline avec mise en forme (gras, italique, liens, couleur, taille, alignement).

🖼
Image

Image avec URL source, texte alternatif, lien cible et contrôles de taille/alignement.

Bouton

Appel à l'action avec texte, URL, couleur de fond, couleur du texte, arrondi des coins et alignement.

Séparateur

Ligne horizontale de séparation avec épaisseur, couleur et style (solide, tirets, pointillés).

Espace

Espace vertical vide. Hauteur ajustable pour créer une respiration entre les blocs.

🔗
Réseaux sociaux

Groupe d'icônes de réseaux sociaux (LinkedIn, Twitter, Instagram, Facebook) avec les URLs correspondantes.

VidéoPRO

Vignette de vidéo cliquable (YouTube/Vimeo). Génère une image-lien compatible email. PRO requis.

Citation

Bloc de citation avec texte, attribution et style de bordure gauche.

<>
HTML brutPRO

Injectez du HTML personnalisé directement dans l'email compilé. Utilisez avec précaution. PRO requis.

MinuteurPRO

Compte à rebours dynamique vers une date cible. Génère une image GIF animée. PRO requis.

Utiliser l'IA

La bulle IA (✨) apparaît en bas à droite du canvas. Deux modes d'utilisation :

Génération complète

Décrivez votre email depuis zéro : "Email de bienvenue pour une SaaS B2B, header avec logo, CTA en orange, footer avec liens légaux." L'IA génère l'arbre de blocs complet.

Modification ciblée

Sélectionnez un bloc et demandez une modification : "Rends ce bouton plus urgent, change la couleur en rouge et le texte en COMMANDER MAINTENANT."

⚠️ Chaque génération IA consomme 1 crédit. FREE : 5/mois · PRO : 100/mois · BUSINESS : 500/mois. Voir les plans →

Éditeur de style

Sélectionnez un bloc puis cliquez sur l'onglet Options dans la barre latérale gauche. L'éditeur de style est organisé en trois accordéons :

1
FondCouleur de fond (palette thème + couleurs récentes), option transparence.
2
EspacementPadding haut, droite, bas, gauche en pixels. Bouton de réinitialisation en un clic.
3
BordureÉpaisseur, couleur et style de bordure. Réinitialisation indépendante.

Raccourcis clavier

Appuyez sur ? dans l'éditeur pour afficher la liste complète.

Annuler la dernière action
CtrlZ
Rétablir l'action annulée
CtrlY
Dupliquer le bloc sélectionné
CtrlD
Copier le bloc sélectionné
CtrlC
Coller le bloc copié
CtrlV
Supprimer le bloc sélectionné
Delete/ Backspace
Désélectionner / fermer un panneau
Esc
Afficher tous les raccourcis
?