Aujourd’hui un petit tutoriel pour vous expliquer comment ajouter une chouette signature à vos e-mails à partir de l’application Apple Mail.

Comme vous le savez sûrement, il est déjà possible d’ajouter une signature automatiquement à votre e-mail, mais celle-ci se limite à un format texte assez austère et simpliste ! Mais on peut faire beaucoup mieux !

Le Blog du Mac vous propose aujourd’hui de faire quelque chose de plus poussé graphiquement et surtout plus pro, en ajoutant une image et en travaillant un petit peu la typographie.
Je tiens tout de même à vous prévenir que quelques connaissances informatique sont tout de même nécessaires pour réaliser ce petit tutoriel !

La mise en page proposée est bien sûr donnée à titre d’exemple, vous pouvez, si vous en avez les capacités, modifier celle-ci à volonté !

Commençons d’abord par créer un fichier html qui servira de base à notre signature.
Pour cela vous devez possédez un éditeur web pour créer le code approprié. De nombreux éditeur gratuits existent comme Smultron par exemple, libre à vous de trouver celui qui vous conviendra.

Après avoir installé votre éditeur Web, téléchargez le code en cliquant sur l’icône ci-dessous :

Décompressez l’archive code-signature.zip et récupérez le fichier code-signature.html.

Ouvrez ce dernier à l’aide de votre éditeur web (smultron par exemple).

Afin de personnaliser la signature vous aurez besoin de modifier quelque peu le code fourni :

• Nous vous conseillons de créer une image avec votre logo pas trop grande (179 X 92px pour celle de bdm) que vous hébergerez sur un serveur distant (méthode conseillée, ainsi vous n’aurez pas d’image jointe à votre email), puis remplacez l’adresse http://www.votresiteinternet.com/votre_image.jpg présente dans le code pour celle permettant d’atteindre votre image !
• Ensuite remplacez les mentions Nom, Prénom, Fonction,  Adresse, Code Postal, Ville, Numéro de téléphone, votremail@votremail.com par vos éléments personnels.
• Remplacez aussi les deux adresses web pour Facebook et Twitter par les vôtres et enfin l’adresse de www.votresiteinternet.com.

Votre fichier ainsi modifié, enregistrez-le puis fermez le !

À présent il va nous falloir créer une signature dans l’application Apple Mail, ouvrez donc Apple Mail, ouvrez les préférences de l’application, choisissez l’onglet « Signatures » puis créez une signature en cliquant sur le petit « + » en bas de la colonne centrale.

Entrez le nom de votre choix et un texte bidon pour la signature, puis fermez les préférences et Apple Mail !
Rendez-vous ensuite à la racine de votre disque dur, puis entrez dans les dossiers Utilisateurs > Votre nom d’utilisateur > Bibliothèque > Mail > Signatures

Vous devriez voir un fichier xxxxxx.webarchive, dans le cas ou vous n’aviez aucune autre signatures avant, sinon classez les fichiers du dossier par date création afin de repérer celle que vous venez créer à l’instant via Apple Mail.

Repérez bien le nom de cette signature si vous en aviez plusieurs, à la limite, copiez le pour être certain, ensuite ouvrez votre fichier signature.html crée plus tôt à l’aide de « Safari » (important pas d’autres navigateurs) puis faites Fichier > Enregistrer-sous et parcourez l’arborescence jusqu’à atteindre à nouveau le dossier cité plus haut contenant vos signatures.

Choisissez alors le nom de la fameuse signature identifiée tantôt, puis le format « webarchive » et décochez en bas de la fenêtre « Masquer l’extension« .
Ensuite cliquez sur « enregistrer » !

Vous pouvez maintenant ré-ouvrir Apple Mail et vous rendre dans les préférences > signatures pour voir votre nouvelle signature apparaître !!
Petite précision, si l’image de votre signature n’apparaît pas dans cette fenêtre cela est normal, ne vous fiez pas à cet affichage mais fiez vous plutôt à celui de votre signature dans le contenu du mail !!

Voilà, j’espère que ce petit tutoriel vous aura aider à améliorer un peu la qualité de vos signatures, n’hésitez pas à nous envoyer un petit screenshot de vos créations, nous pourrions les publier ici même à titre d’exemple !!

Mise à Jour importante suite sortie de Mac OS X Lion

Suite à l’arrivée de Mac OS X Lion, le dossier Bibliothèque (ou Library) contenu dans le dossier utilisateur n’apparait plus, pour des raisons de sécurité et pour éviter les mauvaises manipulations.
Voici une astuce toute simple pour réussir à y accéder à nouveau :

Ouvrez d’abord une nouvelle fenêtre de Finder pour commencer, cliquez ensuite sur « Aller » et enfin appuyez sur la touche « alt » du clavier pour faire apparaître le menu « Bibliothèque », puis cliquez sur ce dernier pour l’ouvrir !!

Les signatures se trouvent ensuite dans le Dossier « Mail > V2 > MailData > Signatures »

Allez bonne création à tous

1. Microboum 11/11/2010 -

   Essaies de quitter l’appli Mail et de la relancer.

2. macnaute 12/11/2010 -

   merci de ce conseil, mais c’est la première chose que j’avais faite avant de solliciter de l’aide.
   J’ai également essayé en m’envoyant un mail pensant que l’image ne se chargerait qu’à la réception. Que nenni, il n’en est rien

3. macnaute 12/11/2010 -

   précision sans doute d’importance:
   déjà lorsque j’ouvre le fichier créé avec smultron (donc fichier créé en ajoutant l’extension html), aucune image n’apparait.
   le souci n’est donc pas du côté de mail

4. macnaute 12/11/2010 -

   Problème résolu.
   Dans le code ci-dessus j’ai remplacé le caractère » par  »
   Et tout fonctionne correctement
   Je ne connais strictement rien au code html, mais il y a une certaine logique visuelle et la syntaxe ne m’apparaissait pas cohérente.

5. JB 12/11/2010 -

   J’ai quelque peu modifié le tutoriel afin d’y apporter certaines corrections et y mettre directement le fichier source en téléchargement, vous devriez ainsi meux réussir à effectuer ce tutoriel.

6. SaRaH 15/11/2010 -

   Bonjour, c’est encore, moi….
   L’image devrait-elle apparaitre quand on ouvre signature.html sous safari?
   C’est pas le cas pour moi.
   J’ai donc un problème de lien quelque part avec Cyberduck, non?

7. JB 16/11/2010 -

   @SARAH > Oui elle devrait, pourriez-vous me faire parvenir votre fichier .html que j’y jette un œil à cette adresse > admin[at]blogdumac.com (remplacez [at] par @)

8. portabli 19/11/2010 -

   Absolument intéressante ta méthode , bravo !!

9. chakib 01/12/2010 -

   Merci pour le code. JE vais le tester

10. kiramiko 01/12/2010 -

    je viens d’essayer le tutoriel, mais j’ai un problème…
    Ma signature s’affiche correctement dans la fenêtre préférences>signature, mais il manque l’image dans le mail et le texte redevient normal…
    étrange

11. macnaute 01/12/2010 -

    j’avais également eu ce problème.

    pour le résoudre j’ai remplacé les guillemets de début qui étaient tous à l’envers dans le code initial. En fait chaque argument qui doit être placé entre guillemets doit donc être pris entre des guillemets ouverts <>.
    Or dans le code initialement copié (visiblement aurait été modifié depuis), les guillemets entrant étaient >> au lieu de <<
    Vérifier ce point

12. kiramiko 01/12/2010 -

    j’ai relu tous les commentaires et fais quelques modifications
    - j’ai changé le format du texte en rtf dans les préférences. Du coup le texte s’affiche correctement.
    - j’ai changé les guillemets. Résultat l’espace pour l’image est prévu mais celle-ci ne s’affiche toujours pas

13. kiramiko 01/12/2010 -

    yeah! J’y suis arrivée!
    J’ai hébergé la page html et l’image sur le net.

14. pinpin 10/12/2010 -

    merci mec le meilleur tuto du web apres 5 heures de recherche !!

15. Heylemalade 08/01/2011 -

    Bonjour
    100 fois merci pour ce conseil votre aide est très apprécié
    j’ai bien créé quelque signatures grâce à vous, par contre lorsque je fais un test sur hotmail certaines information (celles à la suite de mon nom et de ma fonction) sont décalés. si je les lis via « Mail » d’Apple il n’y a aucun problème.

    Pourriez-vous, SVP, m’aider encore 1 fois

    Merci

16. Lexiateam 24/01/2011 -

    Ce tutorial est enorme ! Simple, efficace !
    Juste une question pour la route, peut on laisser les é en é ou doit les mettre en é , par exemple ?
    Il faut juste trouver d’autres exemples de design de signature maintenant )
    En tout cas merci beaucoup !

17. Chan91 28/01/2011 -

    Bonjour,

    Peut-on suivre cette même procédure pour intégrer dans une signature mail sous Mac 2011 une carte de visite vidéo ?
    Merci pour votre prompte réponse

18. Pradaox 29/01/2011 -

    Hello JB,

    MMMMMMEEEERRRRCCCIIII !!!!

    Pfiou ça fait du bien, encore merci pour ton tuto,

    1 ans de galère (OK OK j’ai mal cherché sur le net)

    Un grand bravo pour ton site,

    Une lecture du tuto et hop c’est fini et en plus ça marche nickel du premier coup,

    A++

19. cloclo 01/02/2011 -

    Salut !
    Chouette ce tuto…malheureusement je ne comprends pas pourquoi, mais mon image n’apparaît pas dans le mail…alors qu’elle apparaît sous safari….help me !!
    Merci pour tes conseils

20. Vikkao 07/02/2011 -

    Mon image ne s’affiche toujours pas…
    Je ne sais plus quoi faire!
    J’ai recommencé au moins 12 000 fois!

    Je suis la seule ?

21. cecilou75013 09/02/2011 -

    Bonjour,
    J’ai le même pb que bcp, mais je ne trouve pas de réponse dans le forum.

    J’ai créé ma signature avec une image. L’image s’affiche parfaitement dans Safari, mais pas dans Mail.

    J’ai relancé Mail, rebooté mon Mac, mais rien n’y fait.

    Quelqu’un a-t-il la solution ?

    Merci

22. cecilou75013 10/02/2011 -

    Rebonjour,

    A propos de l’image qui ne s’affiche pas dans la signature, bien qu’elle s’affiche dans Safari.
    En fait, je n’avais pas fait d’essai en envoyant un mail avec ma signature. En faisant cet essai, l’image apparaît bien dans les messages envoyés.
    Conclusion : l’image n’apparaît lors de la rédaction du mail, mais le destinataire la verra en tout cas s’il utilise Gmail ou Outlook. Les utilisateurs de Mail quant à eux ne la verront pas.

23. laurent 14/02/2011 -

    Bonjour,

    J’utilise Mail Version 4.4 et ça ne fonctionne pas j’ai suivi le tuto à la lettre, utilisé les même outils que vous, mais au lieu d’avoir ma signature il me reste qu’un bloc blanc, je précise que je m’y connais bien en codage HTML donc pas de problème de ce coté, je penses plus du coté de .webarchive, Smultron ne me propose pas ce format je suis obligé d’ajouter l’extension manuellement le problème peut être cela ?

24. laurent 14/02/2011 -

    Oups, mon erreur a été d’enregistrer avec Smultron et non Safari ! Toutes mes excuses !

25. Sandra 12/03/2011 -

    Bonjour,
    Juste un GRAND MERCI. Un tuto clair, sans prise de tête ça devient rarissime !! Bravo !
    Bon j’avais les accents qui foiraient, donc je les ai enlevé !!
    De toute façon les accents c’est toujours pareil
    C’est super
    Merci beaucoup

26. Slevin 07/04/2011 -

    Bonjour,
    Pour moi tous fonction jusqu’à Safari ! une fois enregistrer dans le dossier signature indiquer je ne retrouve pas ma signature dans l’app MAIL !

27. Brigitte 07/04/2011 -

    bonjour,

    ce n’est pas trop mal
    dans la fenêtre safari tout s’affiche correctement
    une fois enregistré et la messagerie mail
    facebook twitter et site internet ne fonctionnent pas un petit hic

    ça fonctionne bien dans la fenêtre safari
    mais lorsque je m’envoie un mail, il y a un problème
    l’adresse mail fonctionne par contre
    @+

28. jmcalvat 07/04/2011 -

    Bonsoir,
    j’ai bien tout refait vingt fois : j’obtiens une signature propre et bien alignée à coté d’un cadre vide avec en son milieu un point d’interrogation bleu. La photo, qui se trouve dans mon dossier public chez MobileMe, est bien en jpg ! Je ne comprends pas !
    Il y a-t-il quelqu’un à qui je pourrais envoyer mon fichier « code-signature.html » pour un coup d’œil ??
    Merci

29. JB 08/04/2011 -

    Avez-vous essayé d’envoyer le mail, car souvent il ne s’agit que de la prévisualisation de l’image dans la configuration de la signature qui bug ?

30. JB 08/04/2011 -

    Vous avez dû rater une étape, réessayez à nouveau !

31. JB 08/04/2011 -

    Vous avez dû louper une étape alors… je viens de réessayer et tout fonctionne bien !

32. jmcalvat 08/04/2011 -

    Merci de vous pencher sur mon cas JB !
    Je vois bien l’image lorsque j’ouvre le fichier « code-signature.html » avec Safari, mais lorsque j’envoie un mail avec la signature sur une autre adresse email, à l’arrivée il n’y a toujours pas d’image : une réserve avec un point d’interrogation. Puis-je vous envoyer mon fichier code-signature.html pour une consultation, Docteur ?

33. jmcalvat 08/04/2011 -

    Merci JB de votre aide.
    En résumé, même si cela ne fonctionne pas sur mon MacBook Pro (je ne vois toujours qu’un point d’interrogation bleu à la place de l’image et le reste du texte est OK), il semblerait que mes destinataires reçoivent bien la signature complète : texte + image !
    Bizarre, vous avez dit bizarre ?

34. JB 09/04/2011 -

    Je ne m’explique pas non-plus pourquoi cette image ne s’affiche pas sur votre macbook pro, j’aurais cependant quand même testé un autre hébergeur pour votre photo, histoire d’effectuer un test de plus… l’important c’est que cela fonctionne tout de même, content d’avoir pu vous aider

35. Slevin 09/04/2011 -

    Bonjour,
    auriez-vous une réponse pour moi ?

     » Bonjour,
    Pour moi tous fonction jusqu’à Safari ! une fois enregistrer dans le dossier signature indiquer je ne retrouve pas ma signature dans l’app MAIL ! « 

36. jmcalvat 09/04/2011 -

    Bonjour Slevin
    As-tu créé une signature bidon dans Mail ? Il faut le faire tout d’abord, du genre « Signaturetest », avec « test » écrit dedans.
    Ensuite tu quittes Mail, tu vas dans le dossier Signatures qui se trouve dans le dossier Mail qui est dans la Bibliothèque de ton compte utilisateur. En regardant les dates de création tu trouveras une signature créé aujourd’hui, c’est celle là dont il faut se remémorer le nom (le mieux c’est de sélectionner le nom et de le copier). C’est quelque chose comme ça : DEBEE691-8BE0-469D-AF9F-7475EE9CCA20.webarchive … (ça c’est un exemple, hein ?). Ensuite tu ouvres ton fichier code-signature.html avec Safari, là tu devrais voir ta signature dans toute sa gloire (si j’ai bien compris tu es arrivé jusque là), et tu Enregistres sous… le nom que tu as copié (xxxXXXX.webarchive) et au même endroit (Bibliothèque > Mail > Signatures). Le Finder va te dire que ce document existe déjà et te demander si tu veux le remplacer : OK. Maintenant tu retourne dans Mail > Préférences > Signature et tu sélectionnes la « signaturetest » que tu avais créé tout au début (tu peux maintenant en changer le nom) et là tu devrais la voir?
    Si tu as suivi mes aventures, là je ne vois pas l’image (seulement les informations) mais les destinataires la voient d’après JB !!!
    Bonne chance

37. JB 09/04/2011 -

    @Slevin > Comme je l’ai dit tu as dû raté une étape, recommence en suivant bien les étapes et ça devrait le faire, d’autres y arrivent

38. Slevin 09/04/2011 -

    Voilà !!! Ça fonctionne parfaitement merci bien !!! Même l’image dans les signatures et dans mon mail en espérant que tous le monde la reçoive !

39. JB 09/04/2011 -

    @Slevin > Tout s’arrange finalement, content que cela fonctionne pour vous aussi

40. e13martin 13/04/2011 -

    Bonjour.
    J’ai fait l’installation comme vous l’expliquez et tout va bien.
    Sauf que nous avons des Mac et des PC.
    Pour ceux qui sont intéressés, sur PC on peut choisir une page HTML comme signature, mais elle doit être sur l’ordinateur. Cela fonctionne bien si l’image est pointée sur le site hébergeur. Et la cohabitation est fructueuse.
    Merci pour ce tutoriel

41. JB 14/04/2011 -

    @e13martin > Merci de votre témoignage et de votre partage, preuve que le tutoriel fonctionne bien

42. David 14/04/2011 -

    Un grand MERCI!!! C’est parfait.

43. Marie 21/04/2011 -

    HELP !!
    Vous n’auriez pas qqch de plus simple. Voilà 3 heures que j’essaye et rien n’y fait. Une fois les modifs effectuées sur smultron et le nouveau fichier enregistré, je n’ai plus rien qui s’affiche quand je l’ouvre sur safari.
    Je ne comprends pas que Apple ne réfléchisse pas à des solutions simples…
    Nous sommes une société et nos clients ne reçoivent jamais notre signature. Vous trouvez cela normal ???????
    Investir dans 2 Imac était un choix, mais je commence à me demander si c’était le bon…
    Merci d’avance.

44. Marie 21/04/2011 -

    Juste une petite précision : même les techniciens de l’apple care sont bien incapables de nous donner une solution…

45. jmcalvat 21/04/2011 -

    @ Marie
    Tu peux essayer une autre solution avec Photoshop :
    Réunis en une seule image le logo de ta société, le nom du signataire et les informations de base (adresse, téléphone, etc …) Fais-en un jpg en 72 dpi (affichage écran) et de petite taille. Créé une signature dans Mail avec cette image sous la formule de politesse, et voila …

46. JB 21/04/2011 -

    @marie > si à l’applecare ils savaient faire cela, nous n’aurions pas eu besoin de créer ce tutoriel… sinon nous avons essayé de simplifier au maximum la démarche, je ne vois pas comment faire plus simple, de plus apparemment beaucoup de personnes ont déjà réussi à l’appliquer, preuve que ce tuto fonctionne, il faut juste bien respecter toutes les étapes

47. Marie 22/04/2011 -

    Merci pour vos réponses !
    @jmcalvat : nous fonctionnions comme cela depuis un petit moment, mais on vient de se rendre compte que les gens qui n’ont pas de mac reçoivent notre signature en PJ et non dans le corps du mail…
    @JB : merci beaucoup pour le tuto, je ne suis pas très douée en info…mais je le retesterais une nouvelle fois en suivant les consignes à la lettre !

48. Emilie 09/05/2011 -

    Bonjour, j’ai bien suivi toutes les étapes et lu les commentaires et apparemment personne n’a rencontré mon problème : le texte reste en dessous de mon logo, impossible d’aligner les deux comme dans votre exemple. Je ne connais pas du tout le langage html et j’ai bien essayé de réduire les marges, les espacements…rien n’y fait. Pourriez-vous m’éclairez SVP parce que tout le reste est top et je suis très impatiente d’avoir enfin une belle signature sur Mail! Merci d’avance.

49. Romain 05/06/2011 -

    Bonjour et un grand MERCI pour ce tuto.
    Je ne suis pas geek mais en suivant correctement vos consignes (et parfois avec un peu de patience ^^), j’ai réussi à créer une belle signature qui me sera très utile pour ma profession.
    En revanche, lorsque je clique sur les 3 derniers liens (facebook, twitter et site internet), cela me ramène à des pages qui n’existent pas. Ai-je oublié une procédure ? Merci d’éclairer ma lanterne. Cordialement

50. Romain 05/06/2011 -

    Mille excuses. Il aurait été bon que je persévère un peu plus avant de poster le précédent message.

    Il suffisait simplement de remplir le texte HTML en rouge et non en noir -_-’

    Merci pour tout donc

Cliquez ici pour annuler la réponse.