Choisir ton éditeur de bannière — Drag & Drop ou classique

MailManagers propose deux façons de créer une bannière : Drag & Drop ou No Drag & Drop (l'éditeur classique). Les deux produisent la même bannière 680×120px — seule la méthode de construction diffère.

Quand choisir lequel ?

Drag & Drop — résultat professionnel en quelques minutes

Fais glisser des blocs (texte, image, bouton, avis, ligne, espace) dans une mise en page à 1 ou 2 colonnes. Choisis un modèle pour démarrer rapidement, ou construis de A à Z.

✅ Choisis ceci si tu veux :

• Obtenir un design soigné sans trop de choix
• Combiner plusieurs éléments (photo + texte + bouton + avis côte à côte)
• Créer une bannière à plusieurs lignes
• Définir une couleur de fond par ligne

No Drag & Drop — contrôle créatif maximum

Une mise en page fixe avec des champs définis (titre, sous-titre, bouton, fond). Plus des options avancées : position d'image gauche/droite, effets de fondu, badges dynamiques (texte statique, compte à rebours ou score d'avis).

✅ Choisis ceci si tu veux :

• Afficher des badges de compte à rebours ou de score d'avis automatique
• Appliquer des ajustements de fondu/position très spécifiques
• Rester sur une mise en page familière à champs fixes

Créer une nouvelle bannière

1. Va dans Bannières dans la barre latérale.
2. Entre un nom en haut (par ex. "Promo printemps 2026") et clique sur Créer la bannière.
3. Une fenêtre de choix apparaît : choisis Drag & Drop (Aspect professionnel) ou No Drag & Drop (Pour les créatifs).

Tu peux basculer à tout moment entre les modes via le sélecteur "Mode éditeur" dans la barre latérale de la page d'édition. Les deux designs sont conservés — seul le mode actif est rendu dans tes e-mails.

Drag & Drop en bref

En haut tu vois une barre d'outils avec 6 boutons de blocs et un bouton "Badge" séparé. Fais glisser un bloc vers la colonne souhaitée sur le canvas, ou clique pour l'ajouter à la première colonne disponible.

Blocs disponibles :

• Texte — titre + corps, avec couleur et alignement par bloc
• Image — upload, recadrage à l'upload, choix depuis uploads précédents, rayon par coin, fondus
• Bouton — CTA avec couleur, rayon et alignement personnalisés
• Avis — citation + étoiles + logo de plateforme (Google, Trustpilot, Facebook, Let's Connect)
• Ligne — séparateur horizontal avec couleur et épaisseur
• Espace — espace vertical

Mise en page par ligne : 1 colonne · 50/50 · 66/34 · 34/66. Chaque ligne peut aussi avoir sa propre couleur de fond.

Badge (superposition) : texte fixe collé sur l'un des 4 coins, au-dessus de tous les blocs. 5 formes (rectangle, arrondi, cercle, étoile, étiquette), rotation, échelle et URL optionnelle.

Astuces

• Modèles : dans la barre d'outils, un menu "Choisir un modèle" propose des designs prêts à l'emploi (Promo avec bouton, Avis en vedette, Annonce d'événement, Hero avec texte). Le point de départ le plus rapide.
• Aperçu fixe : pendant l'édition des propriétés de bloc, la barre d'outils et la bannière en direct restent en haut — tu vois les changements instantanément.
• Fondu dans les clients modernes : les effets de fondu sur les images fonctionnent dans Apple Mail, Gmail web et ProtonMail. Outlook desktop affiche l'image complète (pas de fondu).

Pièges courants

• « Mon image ne tient pas » — utilise le bouton Recadrer juste après l'upload (apparaît automatiquement) et sélectionne « 680×120 (bannière) » comme ratio.
• « Le badge chevauche mon texte » — ajuste les curseurs offset X et Y ; l'offset est en pixels depuis le coin choisi.
• « Je n'arrive pas à ajouter un bloc dans la colonne de droite » — fais glisser la puce directement sur la colonne de droite ; cliquer place toujours dans la première colonne.