Home Tutoriels Une jolie signature pour vos emails

Une jolie signature pour vos emails

by boris

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 !

signature apple mail

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 :

download-code

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.

sig-bdm

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” !

sig-bdm2b

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 !!

sig-bdm3

sig-bdm4

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 😉

0 / 5 Moyenne 0 Votes 0

Your page rank:

You may also like

222 comments

Microboum 11 novembre 2010 - 20:02

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

Reply
macnaute 12 novembre 2010 - 8:49

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

Reply
macnaute 12 novembre 2010 - 8:56

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

Reply
macnaute 12 novembre 2010 - 9:10

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.

Reply
JB 12 novembre 2010 - 11:04

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.

Reply
SaRaH 15 novembre 2010 - 11:55

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?

Reply
JB 16 novembre 2010 - 8:56

@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 @)

Reply
portabli 19 novembre 2010 - 12:17

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

Reply
chakib 1 décembre 2010 - 14:41

Merci pour le code. JE vais le tester

Reply
kiramiko 1 décembre 2010 - 20:11

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

Reply
macnaute 1 décembre 2010 - 21:33

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

Reply
kiramiko 1 décembre 2010 - 22:27

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

Reply
kiramiko 1 décembre 2010 - 22:58

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

Reply
pinpin 10 décembre 2010 - 11:11

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

Reply
Heylemalade 8 janvier 2011 - 18:59

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

Reply
Lexiateam 24 janvier 2011 - 17:38

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 :o)
En tout cas merci beaucoup !

Reply
Chan91 28 janvier 2011 - 16:35

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

Reply
Pradaox 29 janvier 2011 - 19:26

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++

Reply
cloclo 1 février 2011 - 1:34

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

Reply
Vikkao 7 février 2011 - 16:15

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 ?

Reply
cecilou75013 9 février 2011 - 22:55

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

Reply
cecilou75013 10 février 2011 - 16:22

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.

Reply
laurent 14 février 2011 - 18:00

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 ?

Reply
laurent 14 février 2011 - 18:09

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

Reply
Sandra 12 mars 2011 - 18:58

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

Reply
Slevin 7 avril 2011 - 16:17

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 ! 🙁

Reply
JB 8 avril 2011 - 11:30

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

Reply
Brigitte 7 avril 2011 - 18:30

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
@+

Reply
JB 8 avril 2011 - 11:30

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

Reply
jmcalvat 7 avril 2011 - 22:25

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

Reply
JB 8 avril 2011 - 11:28

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 ?

Reply
jmcalvat 8 avril 2011 - 11:38

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 ?

Reply
jmcalvat 8 avril 2011 - 17:58

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 ?

Reply
JB 9 avril 2011 - 10:36

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 🙂

Reply
Slevin 9 avril 2011 - 10:54

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 ! 🙁 “

Reply
jmcalvat 9 avril 2011 - 11:49

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

Reply
JB 9 avril 2011 - 11:51

@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 🙂

Reply
Slevin 9 avril 2011 - 12:06

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 !

Reply
JB 9 avril 2011 - 18:30

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

Reply
e13martin 13 avril 2011 - 19:14

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

Reply
JB 14 avril 2011 - 9:55

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

Reply
David 14 avril 2011 - 10:34

Un grand MERCI!!! C’est parfait.

Reply
Marie 21 avril 2011 - 17:24

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.

Reply
Marie 21 avril 2011 - 17:25

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

Reply
jmcalvat 21 avril 2011 - 19:27

@ 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 …

Reply
JB 21 avril 2011 - 20:07

@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 🙂

Reply
Marie 22 avril 2011 - 9:08

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 !

Reply
Emilie 9 mai 2011 - 17:22

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.

Reply
Romain 5 juin 2011 - 23:14

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

Reply
Romain 5 juin 2011 - 23:30

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 🙂

Reply
1 2 3 4 5

Leave a Comment