Créer une signature mail avec image pour outlook, hotmail, orange

Dans ce tuto, je vous propose une méthode simple et originale pour créer une signature mail avec logo pour outlook, thunderbird ou votre webmail préféré: orange mail, hotmail.fr, yahoo mail.

générateur signature mail avec logo

Avec ma méthode, vous aurez le droit à un modèle de signature électronique unique qui s’adaptera à toutes vos situations:

  • signature mail professionnelle avec logo d’entreprise
  • signature mail skyblog / blog avec avatar
  • signature mail perso avec photo
exemple signature mail avec avatar

Pour créer une signature email avec image, 3 étapes sont à suivre:

  1. associer son adresse mail à une image en ligne avec gravatar
  2. créer une signature mail avec image grâce à mon générateur de signature mail
  3. copier-coller la signature html créé sur outlook ou son webmail
exemple signature mail pro avec logo

1/ Créer un avatar mail sur gravatar.com

Gravatar est un service web qui permet d’assigner un logo / une image de taille 80×80 à n’importe quelle adresse mail. Ainsi Gravatar héberge votre image où que vous soyez et vous pouvez l’appeler dès que vous voulez.

gravatar de poisoned

Beaucoup de blogs technophiles (le mien notamment, voir commentaires de ce post) l’ont installé dans leurs zones de commentaire: ainsi chaque fois que quelqu’un publie un commentaire avec son adresse email et qu’il est enregistré chez gravatar, un petit avatar à son éphigie est diffusé dans les commentaires du blog à côté de son message (comme le message de poisoned plus haut)

Ce que je vous propose, c’est d’utiliser la même technique pour générer votre signature email avec image / avatar.

Pour cela rendez-vous sur la zone d’inscription de Gravatar.com…. Rentrez votre email comme ceci, et cliquez sur signup.

gravatar ecran d'identification

On vous indique ensuite qu’un mail de confirmation vous a été envoyé (Confirmation email sent). Normalement la réception est quasi instantanée (vérifier votre liste de spam au cas où), si vous n’avez rien au bout de 10 minutes, refaîtes la même manip, ça devrait marcher… Ensuite il faut cliquer sur le lien qui s’affiche dans votre boîte mail (comme ci-dessous)

 

lien gravatar email

Ensuite, vous atterrissez sur une page où il faut créer un mot de passe (à rentrer deux fois), faites le et cliquer sur Set Password.

gravatar activé

A l’écran suivant, on évitera toujours le lien "send me the newsletter", et on cliquera sur "No thanks"

gravatar newsletter

Pour aller chercher une image / logo qui se trouve sur votre pc, cliquez sur "My Computer’s hard drive" (le disque dur de mon pc en français)

image gravatar à choisir

Cliquez sur "Parcourir…" et allez chercher votre image, quand c’est fini, cliquez sur "Next".

gravatar parcourir

Il va falloir ensuite l’ajuster à la taille standard de gravatar (80×80), tout ce qui dans le carré sera pris en compte… on peut régler la taille de notre image pour qu’elle tienne dans le carré avec la réglette sous l’image… quand c’est fini, j’apppuie sur crop (couper en français).

ajuster image gravatar

On croyait que c’était fini ;-) ?? chez Gravatar, on note les avatar avant finalisation, appuyer sur "rated G" pour image grand public….

noter votre gravatar

A l’écran suivant cliquez sur votre image, pour la définir comme avatar par défaut.

gravatar finish ?

A l’écran qui suit… on nous demande de confirmer !!! c’est dingue comme le process de sélection est long !

Confirmer votre gravatar

Si vous confirmez, votre avatar est enfin ajouté…. vous pouvez en ajouter d’autres en cliquant sur "add a new one" (ajouter un nouvel avatar en français)

Gravatar ajouté

2/ Générateur de signature mail avec image

Vous allez rentrer dans le formulaire qui suit les informations que vous souhaitez lier à votre signature mail… Vous remarquerez qu’il n’y pas de champs image à renseigner, celle-ci étant automatiquement générée à partir de votre email (j’ai créé un générateur qui communique avec gravatar.com, donc si pas de mail : pas  de logo, si email pas inscrit à gravatar : pas de logo non plus).

exemple signature mail perso avec photo

Grâce à gravatar, vous n’avez pas à vous soucier de l’hébergement de votre image (c’est gravatar qui s’en charge)… vous pourrez ensuite copier-coller la signature mail html créé où vous voulez (outlook ou webmail qui gère les signatures html… exit gmail, et voila mail donc qui ne le gèrent pas encore)

Entrez vos informations perso à la place des miennes

Cliquez sur envoyer, une pop-up s’ouvre avec votre signature mail !

NB: si vous changez régulièrement d’avatar sur gravatar, pensez à vider le cache de votre navigateur, pour que les images s’actualisent correctement.

3/ copier-coller la signature mail avec image sur outlook ou votre webmail

Une popup avec votre signature vient de s’ouvrir… ne la fermer pas tout de suite !! Il faut récupérer les informations qui s’y trouvent. Pour cela il faut être un peu habile du clavier… Veillez à ce que la fenêtre popup qui contient votre signature soit bien en surbrillance (selectionner-la). et Faites successivement ces 2 manips au clavier:

  • Ctrl + A (pour tout sélectionner) -> je maintiens la touche Ctrl enfoncée et j’appuie ensuite sur A
  • Ctrl + C (pour copier la signature) -> je maintiens la touche Ctrl enfoncée et j’appuie ensuite sur C
signature selectionné + control + a

En faisant Ctrl + A, l’image + le texte seront bleutés (donc toute la signature est sélectionnée, c’est ça que ça veut dire quand c’est bleuté)… après il faut appuyer sur Ctrl + C pour la copier dans le presse papier (mémoire invisible et temporaire de votre ordinateur qui stocke la dernière info copié, ici votre signature mail).

Après la dernière manip consiste à coller cette signature dans la zone réservée aux signatures électroniques sur outlook, hotmail, orange mail, yahoo mail.

Pour cela faîtes Ctrl + V (coller) quand vous trouvez la zone réservée à votre signature mail sur votre client mail outlook ou thunderbird, ou sur votre webmail.

Signature orange mail avec image

Pour accéder à la signature du webmail orange, je vous invite à lire les explications de l’assistance orange.

signature mail orange

Laisser HTML coché, et faîtes CTRL + V dans la zone où est écrit saisissez votre signature ici… Veillez ensuite à ce que votre nouvelle signaturesoit sélectionné par défaut (à paramétrer dans le cadre de droite)

Signature htomail avec image

Voici les explications de windows mail pour accéder à sa signature:

Insérer une signature dans les messages sortants
Windows Live Mail vous permet de créer une signature qui apparaît automatiquement dans tous vos messages sortants. Pour créer ou modifier une signature :

   1. En haut à droite de la page, cliquez sur Options, puis sur Autres options.
   2. Sous Personnalisez votre courrier électronique, cliquez sur Signature électronique personnelle.
   3. Tapez votre signature dans la zone prévue à cet effet et cliquez sur Enregistrer.

signature hotmail

faîtes CTRL + V dans la zone prévue pour… puis enregistrer.

Signature Outlook 2007 avec logo

  1. Allez dans Outils -> Options
  2. Dans Options, allez à l’onglet Format du courrier et cliquez sur Signatures…
  3. Cliquez ensuite sur Nouveau, donnez un nom à votre signature (ex: jeanviet)
  4. Dans la zone "Modifier la signature" Faîtes Ctrl + V
signature outlook

Dans choisir une signature par défaut, au niveau de :

  • nouveaux messages: mettez jeanviet (ou nom de votre signature)
  • réponses / transferts: mettez jeanviet (ou nom de votre signature)

Quand c’est bon, faîtes OK.

Voici ce que ça donnera pour tous vos messages:

signature outlook orange

 

Pour outlook 2003, je vous invite à télécharger la video de laboratoire microsoft.

Autre exemple de signature mail

Je ne suis pas sûr que mon exemple de signature mail convienne à tout le monde…. Cependant il n’est pas à jeter, vous pouvez très bien partir de ce que vous donne le générateur et apporter quelques retouches à partir de votre outil d’édition de signature mail (changement de couleur, taille de police,…).

Si vous souhaitez partager vos modèles de signatures et me les faire parvenir pour que je les rentre dans le générateur, n’éhsitez pas à me les envoyer par email: jeanviet@orange.fr.

Cela fera pas mal d’heureux… le web est assez pauvre en modèles de signatures préformatés !


advertising


92 commentaires à propos de “Créer une signature mail avec image pour outlook, hotmail, orange

  1. Belle idee: l’avatar.Mais pourrait le copiee et se faire passer pour vous? L’email en lui-meme suffit l’avatar semble tellement supperficiel.

    jk

  2. bonjour, gravatar n ‘accepte-t-il que le format 80 x 80 ?
    ou y a -t-il une astuce pour augmenter la taille du carré blanc de sélection de l’image ,?
    si , je sélectionne une bannière de mon site , je n’obtiens qu’une image fixe alors qu’elle est bien sélectionnée au format gif…d’autre part , çà ne semble pas fonctionner avec outook express !
    pouvez-vous m’aider ?
    d’avance merci !

  3. Tu peux envoyer toutes les tailles d’image sur gravatar, mais au final l’éditeur graphique te réduira ton gravatar à une taille de 80×80.

    Les gifs animés ne sont pas gérés (on ne garde que la 1ère partie fixe).

    Tu dois pouvoir télécharger une version plus à jour de outlook… si tu veux un équivalent gratuit mis à jour régulièrement, opte pour thunderbird.

    Si tu veux, tu m’envoies un schéma de modèle de signature, et j’essaierai de créer un deuxième générateur (avec image > 80×80, plus autres éléments.)

  4. Bonjour,

    J’ai mon adresse pro sous thunderbird. L’ajout de signature se fait apparemment seulement par upload d’un fichier txt. Dans ce contexte, comment faire pour importer la signature avec image?

    Merci de votre aide,
    Crdlt,
    Fen

  5. je suis bien arrivé au bout de la procédure mais ça ne fonctionne pas: le logo n’est pas « collé »

    merci de m’aider si vous le pouvez

    LG

  6. Merci j’avais la glue de faire la mise en forme.
    Rapide à mettre en place et efficace sur outlook 2003.
    Attention en bas de la signature sur webmail orange on obtient :
    _uacct = « UA-366397-1″; _udn= »jeanviet.info »; urchinTracker();

  7. Bonsoir, je tente désespérément de passer à l’é&tape 2 (sur votre générateur de signature mail avec image! )Etape 1 passée sans encombre… En fait je ne vois pas l’image que j’ai affecté avec mon adresse email. J’ai continué l’étape 3 mais sur orange, on ne peux pas copier/coller dans la zone texte de signature ? Pouvez-vous m’aider ? merci Dominique

  8. pardon ! je suis bête à manger du foin ! j’ai réussi Merci vraiment pour votre astuce ! j’ai découvert votre site et vraiment c’est sympa de faire profiter les ignards de votre compétence. bravo !!! Dominique

  9. Merci! Super extra Super, et simple en plus. Quand on pense qu’Orange ne peut même pas faire ça tout seul. Que de manips pour finalement y parvenir, et mettre un peu de fantaisie et de bonne humeur sur ses mails!!!
    Merci Jean-Baptiste.

  10. Bonjour,
    Comme dit bibi, après des heures de prise de tête…je venais de trouver ma propre solution…mais à renouveler ttes les 3 semaines!
    Trop bien, merci !

  11. salut,
    j’aimerais mettre ma signature dans mes mail, mais je n’arrive pas à mettre l’image. merci de bien vouloir m’aider.
    (j’ai une messagerie sfr « 9business »)

  12. même problème que outsy le 22/28/28 (sur orange.mail):
    Attention en bas de la signature sur webmail orange on obtient :
    _uacct = “UA-366397-1″; _udn=”jeanviet.info”; urchinTracker();
    toujours pas de réponse?

  13. Bravo, très bonne idée et une réalisation simple à mettre en place.

    J’ai cependant un problème : quand je choisis mon avatar depuis un fichier image présent sur mon disque dur, je me retrouve à la page « Crop and finish » et là mon image déborde du cadre de sélection, je n’arrive donc pas à la faire entrer en entier … J’ai essayer de redimentionner l’image avant de la charger mais ça de donner rien (sauf une perte de définition !).

    La solution doit être toute bête, mais là je sèche.

    Merci d’avance pour vos idées lumineuses.

  14. @Kref: il faut que tu t’arranges pour que ta photo tienne dans un carré. Tu auras au final une perte de définition, les « gravatars » sont au format 80×80 (faible qualité d’image)

  15. Bonjour,

    Tout d’abord merci beaucoup pour cette manip’ qui marche très bien.

    Cependant, j’aurai une question à te poser, comment peut-on rajouter une ligne (par exemple n° de tél) sans que cela pose un problème de décalage sous outlook (le destinataire recevra la dernière ligne ajoutée comme si une ligne avait été sautée) ?

    Encore merci =)

    Séb

  16. bonjour,

    Merci pr vos explications, j’ai aimé alors j’ai crée ma sign
    ature. Je veux changer la photo mais n’y parvient pas.C’est a partir de l’explication ci dessous que cela ne fonctionne pas.

    NB: si vous changez régulièrement d’avatar sur gravatar, pensez à vider le cache de votre navigateur, pour que les images s’actualisent correctement.

    J’ai annulé l’ancienne photo mais rien à faire cela ne fonctionne pas. Pouvez vous m’aider ? Merci

  17. slt,
    lorsque j’enregistre ma signature electro sur hotmail,je sais
    pas pkoi ,elle s’affiche avec un espace interligne grand,memesi je fais la mise en forme, aider moi svp

  18. jusqu’à la fin de l’étape 1 pas de probleme mais pour demarrer l’étape 2 il est où le formulaire ? je tourne en rond c’est dommage ca avait plutot bien demarrer alors que je suis nulle à ce genre de manip…

  19. Bonjour, j’ai suivi toutes les instructions, très bien expliquées d’ailleurs, seulement dans l’espace signature de ma boite mail tout à été coller sauf mon image.
    Je suis sur Gmail, y a t-il un moyen d’y arriver quand même?
    Merci d’avance.

    Pierre

  20. Bonjour Pierre,

    Non pour gmail, ils n’ont pas prévu de pouvoir ajouter du code html dans l’espace signature.

    Donc il faut que tu passes par ici à chaque fois et que tu copies colles la signature à la fin de tes messages… pas très pratique, je te l’accorde !

    Peut-être qu’ils vont améliorer la zone signature un de ces 4.

    A+

  21. Bonjour,
    je n’arrivais pas à télécharger ma signature dans Outlook 2003, c’était simplement parce que la signature n’était pas configurée en HTML. Je rencontre à nouveau le même problème, mais cette fois dans Outlook Express, et là, pas moyen de trouver une solution. La signature ne s’affiche qu’en texte brut. Quelqu’un peut-il m’aider?

  22. Salut Jeanviet,
    tout d’abord bravo pour ce que tu fais, je trouve cela génial… grâce à cela j’ai pu faire signature pro en quelques clics.
    par contre, y’aurait-il moyen d’ajouter son tel et/ou son numéro de fax?
    j’ai vu que Seb971 y était parvenu en modifiant le code HTML mais je ne pense pas que cela relève de mes compétences…
    Merci d’avance

  23. Salut!!
    Et merci pour le boulot que tu fais!
    Bon moi je rame comme Patricia, en faite je reste sur la page manage gravatar et après je comprend pas ou il faut aller pour avoir ce formulaire ou est écrit le pseudo, le nom….l’adresse blog…Je travaille avec firefox mais bon même avec IE ça marche pas mieux….
    J’ai trop envie de faire une belle signature!!

  24. Merci bcp!! mais pour l’avatar je pense qu’il n’est pas nécessaire car je croi que généralement les gens qui mettent des signatures on bcp plus des boites professionnelles, mais bon!!
    merci bcp

  25. bjr

    Je bloque à USERNAME ET MOT DE PASSE
    J’ai pourtant rentré un non d’utilisateur puis le mot de passe 2 fois et ça ne marche toujours pas

    Merci d’avance

  26. Bonjour,
    j’ai suivi à la lettre les instructions mais après avoir collé la signature mail dans la zone prévue, l’image n’apparaît pas.

    Pour la gestion de mes courriels, j’utilise ATmail fourni par l’hébergeur Netissime.

    Merci.

  27. Merci pour le tuto !

    Pour insérer la signature dans Thunderbird il faut faire un clic droit dans la fenêtre pop-up > Code source de la page puis copier ce qui se trouve entre les balises et (y compris les balises).
    Ensuite dans Thunderbird, outils > paramètres des comptes puis coller le tout dans la case « texte de signature » sans omettre de cocher la case « utiliser HTML ».
    Et le tour est joué :)

  28. Bonsoir,

    J’utilise Windows live mail je fais le copier coller et tout ça mais l’image n’apparait pas croix rouge à la place…
    Que faire

  29. Bonjour
    j’essaie depuis un bon moment de mettre en application ce tuto
    avec thunderbird sans résultat.Je me demandais si le générateur
    fonctionnait encore ?

  30. Merci beaucoup pour cette astuce ! 3 heures que je fouille partout, et c’est vraiment la seule solution que j’ai trouvé pour insérer un lien ou une image dans la signature du webmail d’orange !! MERCI !

  31. mon image est trop longue et ne rentre pas dans le cadre… je ne peux pas la changer car elle correspond à mon logo – comment pourrais-je faire ?

  32. Un grand merci, apres des jours de galère je trouve votre guide génial, il est simple et fonctionne parfaitement (sous hotmail )encore merci.

  33. bonsoir
    et la même chose pour un smartphone sous android, dans les différents comptes mails, c’est possible avec ce genre de système?
    parce que ça serait encore plus génial !

  34. Un immense merci, depuis le temps que j’essaie de mettre le logo de mon entreprise en signature, c’est enfin chose faite, grace aux explications simples.
    Merci !

  35. Merci beaucoup, c’est super. Ma belle fille m’a demandé comment mettre le logo de son magasin en signature. J’ai du temps, j’ai cherché et suis tombé sur votre explication. Je vais lui donner le tuyau.

  36. ok c’est bien, ca fonctionne sur ce forum mais pas lorsque j’envois un mail. Le recepteur du mail recoit seuelement l’écriture et pas le logo…
    Comment dois-je faire? ( quoiqu’il en merci pour toutes ces explications!! )

  37. bravo !! ça fait plus de trois ans que j’utilise ce tutoriel et ça fonctionne toujours aussi bien.. je me devais bien de mettre pour le coup un petit mot de félicitation à son auteur !!

  38. Bonjour, je fonctionne avec windows mail : impossible de copier/coller la signature créée dans la zone de signature ! Avez-vous une astuce ?
    Merci

  39. Bonjour, mon problème c’est que j’ai déjà réussi à créer ma signature mail avec image, mais j’ai rajouté la police windings pour le téléphone, fax et mail…Cela ne passe pas sur iPhone et tablette de ceux à qui j’envoie des mails. Une solution ou bien je dois définitivement abandonner cette police? Merci!

  40. Bonjour
    Je galère…
    Je suis incapable de créer une signature de courriel…
    Pour l’avatar, c’est Ok mais après… Le flou artistique, j’ai essayé de coller dans outlook, mais l’avatard n’apparait pas, par contre l’adresse courriel apparait, et je ne la veux pas…
    Je voudrais mettre le lien de mon site web… eventuellement le lien pour ma page facebook…
    ma boite de réception est windows live mail…
    Merci

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>