Astuces et Tutoriaux gratuits Web, PC, Mobile

accueil astuces
 » 15 janusiens en ligne| Vous êtes ici : Les Astuces de Jeanviet - Créer une signature mail avec image pour outlook, hotmail, orange 

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

Ajoutée dans Bureautique, Messagerie, le 3/01/08 , cet article a été consulté 265023 fois.

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

Pseudo ou prénom et nom:
Adresse mail:
Fonction ou passion:
Nom blog, entreprise:
Adresse blog ou site | http://

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 !

copie-colle dans ton blog:


Partager sur Facebook

3 Votes | Average: 3.67 out of 53 Votes | Average: 3.67 out of 53 Votes | Average: 3.67 out of 53 Votes | Average: 3.67 out of 53 Votes | Average: 3.67 out of 5 (3 votes, moyenne: 3.67 sur 5)
Loading ... Loading ...


Dans le même genre

49 commentaires pour “Créer une signature mail avec image pour outlook, hotmail, orange”

  1. Swepper a dit :
  2. Cool la technique
    encore merci!!!



  3. jk a dit :
  4. 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



  5. alainternaute FRANCE a dit :
  6. 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 !



  7. jeanviet FRANCE a dit :
  8. 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.)



  9. Fen FRANCE a dit :
  10. 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



  11. fanny FRANCE a dit :
  12. JTDG MELISSA T TROP GRAVE SYMPA!!!!!!!!!!!!!!!!!!!!!



  13. laurentg24 FRANCE a dit :
  14. 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



  15. jeanviet a dit :
  16. @Fen: tu ne peux pas coller de HTML sous thunderbird ?? que du texte brut ?

    @laurentg24: tu utilises quel client email / webmail ?



  17. OLIVIER FRANCE a dit :
  18. Chapeau !!!
    Merci pour tout le travail d’explication !!!



  19. outsy FRANCE a dit :
  20. 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();



  21. Dominique C FRANCE a dit :
  22. 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



  23. Dominique C FRANCE a dit :
  24. 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



  25. vnikita FRANCE a dit :
  26. Ca ne marche pas avec Thunderbird



  27. Boston FRANCE a dit :
  28. 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.



  29. Rach FRANCE a dit :
  30. Tout simplement : Merci.



  31. Ian FRANCE a dit :
  32. Bonjour,
    Saviez-vous que l’on peut personnaliser sa signature mail de l’iPhone ?
    http://www.ka2.fr/signature-mail-iphone/



  33. bibi a dit :
  34. franchement ça fait trop plaisir, après des heures de galère…merci a toi, noble citoyen du web!



  35. alicejl FRANCE a dit :
  36. Merci merci Merci !



  37. astrid FRANCE a dit :
  38. Merci!



  39. Passagère FRANCE a dit :
  40. 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 !



  41. flo FRANCE a dit :
  42. trop fort mec!!!! merci depuis le temps que je me rendais fou!!!! merci merci merci merci!!!! :)



  43. sandra FRANCE a dit :
  44. 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”)



  45. P3CH3UR FRANCE a dit :
  46. TRES BON!!!

    THANKSSS



  47. michèle FRANCE a dit :
  48. Merci - c’est vraiment super - Vous êtes super doué !!!!



  49. jojojr FRANCE a dit :
  50. 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?



  51. jeanviet a dit :
  52. OK, j’ai viré le bout de code qui posait problème…. Vous pouvez retester.



  53. Kref FRANCE a dit :
  54. 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.



  55. jeanviet a dit :
  56. @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)



  57. Kref FRANCE a dit :
  58. Effectivement j’avais un format “rectangulaire”. Un petit coup de photofiltre et tout rentre dans l’ordre.

    Merci encore.



  59. coucoulinette a dit :
  60. bonjour,
    rien à faire l’image n’apparait pas….
    comment y remédier ?
    merci



  61. jeanviet a dit :
  62. @coucoulinette, tu n’as pas cette image ?
    http://www.gravatar.com/avatar.php?gravatar_id=8fe99ba33c58116a1b7b26ad82c9d08f



  63. Séb971 FRANCE a dit :
  64. 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



  65. Séb971 FRANCE a dit :
  66. C’est bon !
    J’ai bidouillé le code HTML en rajoutant simplement une ligne ;)



  67. nath a dit :
  68. 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



  69. queschau FRANCE a dit :
  70. Et pour les utilisateurs de mail mac os x ??? ça focntionne comment ???? merci



  71. queschau FRANCE a dit :
  72. J’ai une autre question : est-il possible d’avoir le texte en rouge et gris plutot que bleu et noir ? Merci



  73. ReferenSEO FRANCE a dit :
  74. Super comme outil, ca me rend un grand service moi qui galérait un peu.
    Merci.



  75. med a dit :
  76. 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



  77. Laure-Line FRANCE a dit :
  78. Génial !!!
    Merci



  79. patricia a dit :
  80. 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…



  81. jeanviet FRANCE a dit :
  82. Hello Patricia,

    Bah il est là :

    “Entrez vos informations perso à la place des miennes”

    Remplis les différents champs et appuies sur envoyer.



  83. pierre a dit :
  84. 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



  85. jeanviet FRANCE a dit :
  86. 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+



  87. jeanviet FRANCE a dit :
  88. pour gmail, il y a une manip avec un plugin firefox semble-t-il : http://www.2803.fr/logiciel/signature-html-gmail-6129/



  89. Zeman FRANCE a dit :
  90. Big Up pour les tips concernant Gmail, juste au dessus ;)
    Et bravo pour ce tutox



  91. brigitte a dit :
  92. merci pour ce tuto



  93. Peggy a dit :
  94. j’ai réussi, trop forte, trop contente!!!!
    Mille merci a toi et ton blog!!!!!!!!!!!!!!!



  95. Vincent BELGIUM a dit :
  96. 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?



  97. jerome FRANCE a dit :
  98. bjr

    peut-on se désinscrire de gravatar ?
    si oui comment fait-on ?



Laisser un commentaire


 
 
 

  

  







© Jean-Baptiste Viet: Chef de Projet Internet, Webmaster de Jeanviet.info, Créateur de Tuto Video, et Ancien Etudiant à Paris 1 Sorbonne | Design : Emilie Boudet