Générateur de signature e-mail

Une signature e-mail est bien plus que de simples coordonnées en bas d'un message. Elle contient votre nom, votre poste, votre entreprise, vos coordonnées et éventuellement un lien CTA ou des profils de réseaux sociaux. Une signature cohérente et professionnelle renforce l'image de marque dans chaque e-mail envoyé.

En moyenne, un employé de bureau envoie 30 à 40 e-mails par jour. Chacun de ces e-mails est une occasion de présenter votre marque, de placer un lien CTA et de donner au destinataire un accès direct à vos profils de réseaux sociaux. Avec cet outil, créez une signature à la hauteur de ces exigences.

Dans l'onglet Données, vous trouverez tous les champs à remplir. Seuls deux sont obligatoires : nom et adresse e-mail. Les autres champs sont optionnels et n'apparaîtront dans la signature que s'ils sont remplis.

Champs de l'onglet Données

• Ligne au-dessus du nom – texte supplémentaire affiché au-dessus du nom. Vous pouvez y inscrire le nom de l'entreprise, un slogan ou une accroche.
• Avatar / logo (URL de l'image) – URL d'une photo de profil ou d'un logo d'entreprise. L'image doit être carrée (min. 120x120 px) et accessible publiquement en ligne. Après avoir collé l'URL, des options supplémentaires apparaissent : Forme de l'avatar (rond, arrondi ou carré) et Taille de l'avatar (petit – 40 px, moyen – 56 px, grand – 72 px).
• Nom complet – champ obligatoire. Saisissez votre nom complet.
• Tag à côté du nom – texte court à côté du nom, par ex. pronoms ou titre abrégé.
• Poste – votre rôle dans l'entreprise, par ex. Directeur commercial, Spécialiste marketing.
• Nom de l'entreprise – le nom de l'organisation que vous représentez.
• Ligne supplémentaire – une brève description de votre activité ou de votre offre.
• E-mail – champ obligatoire. Saisissez votre adresse e-mail professionnelle.
• Téléphone – numéro de contact. Format libre, par ex. +33 6 00 00 00 00.
• Site web – URL complète de votre site, commençant par https://.
• Adresse – adresse physique de l'entreprise (rue, ville, code postal).
• Données légales – SIRET, numéro de licence ou autres données requises par votre secteur.

Un bouton CTA (appel à l'action) est un élément cliquable qui redirige le destinataire vers une page de votre choix. Il peut s'agir d'un lien vers un calendrier de rendez-vous, un formulaire de contact ou une offre. Le générateur permet d'ajouter deux boutons CTA.

Bouton principal

1. Ouvrez l'onglet Boutons dans l'éditeur.
2. Dans la section Bouton principal, saisissez le texte que verra le destinataire, par ex. Prendre rendez-vous.
3. Dans le champ Lien CTA, collez l'URL complète. L'adresse doit commencer par https://.

Bouton secondaire

Vous pouvez ajouter un second bouton CTA en style outline (fond transparent avec bordure). Remplissez les champs de la section Bouton secondaire de la même manière que pour le bouton principal.

Arrondi des boutons

En bas de l'onglet Boutons, vous trouverez l'option Arrondi des boutons. Trois variantes sont disponibles : Aucun (coins droits), Léger (légèrement arrondi) ou Complet (bouton ovale).

Si vous laissez les deux champs vides, le bouton n'apparaîtra pas dans la signature. Si vous ne remplissez qu'un seul champ, le bouton ne sera pas non plus visible – les deux sont nécessaires : texte et lien.

Dans l'onglet Réseaux sociaux, vous pouvez ajouter des liens vers vos profils. Le générateur prend en charge douze plateformes : LinkedIn, Instagram, Facebook, TikTok, YouTube, X (anciennement Twitter), GitHub, Dribbble, Behance, WhatsApp, Telegram et Pinterest.

Comment faire

1. Ouvrez l'onglet Réseaux sociaux dans l'éditeur.
2. À côté de chaque plateforme, vous trouverez un champ URL. Collez le lien complet vers votre profil, par ex. https://www.linkedin.com/in/monprofil.
3. Remplissez uniquement les champs nécessaires. Les champs vides n'apparaîtront pas dans la signature.

Icônes de réseaux sociaux

En bas de l'onglet Réseaux sociaux, vous trouverez l'option Afficher les icônes à côté des noms de services. Lorsqu'elle est activée, les liens s'affichent sous forme d'icônes SVG en couleur au lieu de simples noms.

• Taille d'icône – options : Petit (16 px), Moyen (20 px) ou Grand (24 px).
• Couleur d'icône – Couleurs de plateforme (couleurs par défaut), Couleur d'accent (couleur d'accent uniforme) ou Couleur du texte.

Dans l'onglet Mention légale, vous pouvez ajouter un texte juridique qui apparaîtra en bas de la signature en police réduite.

Quand ajouter une mention légale

• Correspondance professionnelle – avis de confidentialité et demande de suppression en cas d'envoi erroné.
• Exigences sectorielles – certains secteurs (ex. : juridique, médical, financier) requièrent des informations spécifiques dans chaque message.
• RGPD – information sur le traitement des données personnelles, si l'entreprise est responsable du traitement.

Par défaut, le champ est pré-rempli avec un texte de confidentialité d'exemple. Vous pouvez le modifier, le supprimer ou le remplacer par votre propre mention. Si le champ est vide, aucune mention n'apparaîtra dans la signature.

Dans l'onglet Apparence, vous pouvez personnaliser les couleurs, la police et d'autres éléments visuels de la signature.

Thèmes de couleurs

En haut de l'onglet, vous trouverez cinq thèmes prédéfinis : Sombre, Bleu, Violet, Vert et Gris. Un clic sur un thème définit automatiquement la couleur d'accent et la couleur du texte. C'est le moyen le plus rapide d'obtenir une signature cohérente.

Couleurs

• Couleur d'accent – utilisée pour la barre latérale/supérieure, le bouton CTA et les liens. Vous pouvez choisir n'importe quelle couleur de la palette.
• Couleur du texte – couleur de tous les textes de la signature (nom, coordonnées, mention légale).
• Couleur de fond – couleur de fond de toute la signature. Blanc par défaut, mais modifiable.

Police et taille

• Police – choix : Arial, Verdana, Tahoma, Trebuchet MS et Georgia. Toutes sont compatibles avec les clients de messagerie et s'afficheront correctement chez le destinataire.
• Taille du texte – trois options : Petit (12 px), Standard (14 px) et Plus grand (16 px).

Dans l'onglet Style de texte, vous pouvez personnaliser individuellement la couleur et la taille de police de chaque élément textuel de la signature.

Éléments disponibles

Seuls les éléments contenant des données sont affichés. Pour chaque élément, vous pouvez configurer :

• Nom complet – affiché par défaut dans la couleur d'accent.
• Poste – votre rôle dans l'entreprise.
• Entreprise – nom de l'organisation.
• Coordonnées – e-mail, téléphone, site web (labels).
• Réseaux sociaux – liens vers les profils.
• Mention légale – texte juridique en bas de la signature.

Comment changer la couleur

À côté de chaque élément, vous trouverez une rangée d'options de couleur. Cliquez sur un carré de couleur pour le sélectionner. Vous pouvez également ajouter une couleur personnalisée en cliquant sur le carré avec le signe plus : choisissez une couleur et cliquez sur Enregistrer. Les couleurs personnalisées (jusqu'à 8) sont partagées entre tous les éléments.

Le bouton avec l'icône de réinitialisation restaure la couleur par défaut de l'élément.

Comment changer la taille

Sur la deuxième ligne, vous trouverez le contrôle de taille avec les boutons - et +. La valeur indique le décalage par rapport à la taille de police de base (définie dans l'onglet Apparence). Plage : de -4 à +4 pixels.

Dans l'onglet Espacements, vous pouvez contrôler précisément les distances entre les éléments individuels de la signature.

Marge intérieure de la signature

En haut de l'onglet, vous trouverez l'option de marge intérieure – c'est-à-dire la distance entre le contenu de la signature et ses bords. Trois valeurs sont disponibles : 8 px (petit), 16 px (moyen) et 24 px (grand).

Espacements entre les éléments

En dessous de la marge, vous trouverez des contrôles pour les éléments individuels de la signature. Chaque contrôle a des boutons + et - pour augmenter ou diminuer l'espacement. Seules les options des éléments actuellement présents dans la signature sont affichées.

• Après le nom – espace sous la ligne du nom.
• Après le poste / l'entreprise – espace sous la ligne du poste et du nom d'entreprise.
• Après la ligne supplémentaire – espace sous la description (si remplie).
• Après les coordonnées – espace sous l'e-mail, le téléphone et le site web.
• Après les réseaux sociaux – espace sous les liens vers les profils.
• Après le bouton CTA – espace sous le bouton (si activé).
• Avant la mention légale – espace au-dessus du texte juridique.

Si vous supprimez les données d'un champ (par ex. effacez le téléphone), l'option d'espacement correspondante disparaît automatiquement de l'onglet.

Le générateur enregistre automatiquement tous les paramètres dans la mémoire du navigateur (localStorage). Après actualisation de la page ou réouverture de l'outil, les données, la mise en page, les couleurs et toutes les autres options seront restaurées.

Comment fonctionne la sauvegarde automatique

Chaque modification (texte, couleur, mise en page, espacement) est immédiatement enregistrée dans la mémoire du navigateur. La sauvegarde se fait automatiquement en arrière-plan, sans cliquer sur aucun bouton.

Comment réinitialiser les paramètres

Sous l'aperçu de la signature, vous trouverez le bouton Réinitialiser l'apparence. Un clic ouvre une fenêtre de confirmation. Confirmer la réinitialisation restaure toutes les données et paramètres aux valeurs par défaut. Cette opération est irréversible.

Exporter et importer la configuration

Sous l'aperçu de la signature, vous trouverez deux boutons supplémentaires : Exporter les paramètres et Importer les paramètres. L'export enregistre toutes les données, couleurs, mise en page, espacements et styles de texte dans un fichier JSON. L'import charge une configuration précédemment enregistrée depuis un fichier.

Cette fonction est particulièrement utile pour transférer la configuration de la signature entre ordinateurs, partager les paramètres avec des collègues ou conserver une sauvegarde de vos réglages avant une réinitialisation.

Le panneau d'aperçu s'affiche à droite de l'éditeur et se met à jour automatiquement à chaque modification. L'aperçu est fixé à l'écran (sticky) et reste visible même lors du défilement des options d'édition.

Changement de fond de l'aperçu

Au-dessus de l'aperçu, vous trouverez trois boutons de changement de fond : Clair (fond gris par défaut), Sombre (fond sombre, utile pour vérifier la lisibilité sur fond foncé) et Grille (motif en grille, permet de voir la transparence et les bords de la signature).

Boutons d'action

Sous l'aperçu, vous trouverez plusieurs boutons :

• Copier la signature (Gmail / Outlook) – copie la signature en HTML formaté dans le presse-papiers. Collez-la directement dans les paramètres de signature.
• Copier le code HTML – copie le code HTML brut dans le presse-papiers. Utile pour le coller dans un éditeur HTML ou un CMS.
• Télécharger en HTML – enregistre le code de la signature en fichier .html sur le disque. Utile pour l'archivage ou le partage avec un développeur.
• Afficher le code HTML – ouvre une fenêtre modale avec le code source de la signature. Vous pouvez le consulter et le copier directement depuis la fenêtre.
• Exporter les paramètres – enregistre la configuration complète de la signature (données, couleurs, mise en page, espacements, styles) en fichier JSON.
• Importer les paramètres – charge la configuration depuis un fichier JSON. Tous les paramètres sont appliqués automatiquement.
• Réinitialiser l'apparence – restaure toutes les données et paramètres aux valeurs par défaut (après confirmation).