le 23.04.2007 à 7:44

Ajouter un commentaire

Créer des signatures professionnelles pour vos mails

En règle générale la signature sert avant tout à présenter et à fournir vos coordonnées, un message publicitaire pour votre site ou bien à mettre une petite touche sympathique à la fin de vos mails. Je vous propose un tutoriel bien pratique lorsque vous composez des dizaines de mails par jour. Pour vous éviter de saisir à chaque fois les mêmes informations, voici comment créer une signature pour insèrer automatiquement les lignes de votre choix à la fin de vos messages. Vous pouvez créer une ou plusieurs signatures standards et sélectionner celle que vous utiliserez par défaut pour tous vos messages, ainsi que celle que vous utiliserez pour une réponse ou transfer.

Création du message

Je vous propose de créer 2 signatures, une plus plus sobre pour vos collaborateurs/partenaires et l'autre "sexy" que vous pouvez destiner à vos clients/prospects afin de donnez une image de votre société (couleurs, logo, publicité). Ensuite chaque logiciel de messagerie propose une fonctionnalité pour changer de signature lors de l'écriture de votre mail.

1 - Signature sobre et classique

Rendu:

mail-signature-modele2

<P>Cordialement,</p>
<P><strong>David XYZ</strong><BR>
<strong>Reponsable de la société XYZ</strong><BR>
T&eacute;l : 01 01 26 44 43 - Mobile : 06 01 01 91 12<BR>
________________________________________________________<BR>
XYZ, notre slogan est dans le slogan :
<A href="http://www.xyz.fr/">www.societexyz.fr</A></P>

2 - Signature soignée et visuelle

Rendu:

mail-signature-modele1

<STYLE>
<!--
A { COLOR: #0F6DAB; font-weight:bold;}
A:hover { background-color: #F3F3F3; COLOR: #0E639C;}
A.lienl { TEXT-DECORATION:none; COLOR: #141432; font-weight:normal; }
A.lien2 { TEXT-DECORATION:none; COLOR: #141432; font-weight:bold; }
A.lienl:hover, A.lien2:hover { TEXT-DECORATION: none; background-color: #0E639C; color: #ffffff; }
-->
</STYLE>
 <DIV>
 <P>Bonjour,</P>
 <P>&nbsp;</P>
 <P>Cordialement,</p>
 <P><strong>David Marchesson</strong></P>
 </DIV>
 <TABLE cellSpacing=0 cellPadding=0 width=600 border=0>
 <TBODY>
  <TR>
  <TD><TABLE height=80 cellSpacing=0 cellPadding=0 width=600 align=right
  border=0>
   <TBODY>
    <TR>
    <TD><TABLE
   style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666
   1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666
   1px solid" height="100%" cellSpacing=0 width=600>
     <TBODY>
      <TR bgColor=#6699CC>
      <TDwidth="100%" height=1><TABLE cellSpacing=0
      cellPadding=1 width="100%" border=0>
       <TBODY>
        <TR>
        <TD class=logotext><A
      class=logotext href="http://www.societexyz.net"><IMG
      src="http://www.eclaireur.net/wp-content/themes/octoberspecial/images/logo.gif"
      border=0></A></TD>
        <TD style="PADDING-RIGHT: 5px; FONT-SIZE: 9pt; COLOR: #ffffff"
      align=right><span style="COLOR:#0E639C; font-size: 28px; FONT-FAMILY: Verdana,
      Arial, Tahoma, sans-serif;"> XYZ</span><br>
         notre slogan est dans le slogan </TD>
        </TR>
       </TBODY>
       </TABLE></TD>
      <TD>&nbsp;</TD>
      </TR>
      <TR>
      <TD colSpan=2><TABLE height="100%" cellSpacing=2 width="100%" align=right
     border=0>
       <TBODY>
        <TR style="PADDING-BOTTOM: 4px" height=1>
        <TD style="PADDING-LEFT: 4px"
      vAlign=top><STRONG>A bient&ocirc;t sur <A class=lien2
      href="http://www.societexyz.fr">societexyz.fr</A></STRONG></TD>
        <TD style="PADDING-RIGHT: 4px" vAlign=top
      align=right><STRONG>Contact: David XYZ </STRONG><BR>
         8 rue rode <BR>
         33000 BORDEAUX</TD>
        </TR>
        <TR height=1>
        <TD style="PADDING-LEFT: 4px; PADDING-BOTTOM: 4px"
      vAlign=bottom><A class=lienl
      href="mailto:societexyz@societexyz.fr"
      target=_blank>societexyz@societexyz.fr</A><BR>
         <A class=lienl
      href="http://www.societexyz.fr"> www.societexyz.fr</A> </TD>
        <TD style="PADDING-RIGHT: 4px; PADDING-BOTTOM: 4px"
      vAlign=bottom align=right><TABLE cellSpacing=0 align=right border=0>
         <TBODY>
          <TR>
          <TD noWrap align=right>t&eacute;l: <BR>
           fax:
           <!--<BR>mobile: --></TD>
          <TD style="PADDING-LEFT: 4px" noWrap
       align=right>+33 (0)1 01 01 91 12<BR>
           +33 (0)1 01 01 91 13
           <!--<BR>+33 (0)6 48 808 814 -->
            </TD>
          </TR>
         </TBODY>
         </TABLE></TD></TR></TBODY>
       </TABLE></TD></TR></TBODY>
     </TABLE></TD><TD></TD></TR></TBODY>
   </TABLE></TD></TR>
   <TR><TD>
  <P style="padding: 0 auto 0 auto; margin:0 auto 0 auto;"><img src="http://www.arobase.org/rediger/img/eco-logo.gif" style="vertical-align:bottom"/>
  <FONT face="Century Gothic" color=green size=1><SPAN style="FONT-SIZE: 8pt; COLOR: green; FONT-FAMILY: 'Century Gothic';line-height:20px">veuillez imprimer ce mail seulement si vous en avez r&eacute;ellement besoin </SPAN></FONT></P>
  <P style="padding: 0 auto 0 auto; margin:0 auto 0 auto;"><FONT face=Arial color=gray size=1><SPAN style="FONT-SIZE: 7pt; COLOR: gray; FONT-FAMILY: Arial; line-height:10px" >Note:
  Ce courrier &eacute;lectronique et ses &eacute;ventuelles pi&egrave;ces jointes sont &eacute;tablis &agrave; l'intention exclusive de leur destinataire. Ils sont confidentiels et prot&eacute;g&eacute;s par le secret professionnel.
  Si vous n'&ecirc;tes pas destinataire de ce message, merci de contacter </SPAN></FONT><span class="Style1"><a href="mailto:societexyz@societexyz.fr" target=_blank style="text-decoration:none; color:gray">societexyz@societexyz.fr</a></SPAN></span></P>
  </TD></TR>
 </TBODY></TABLE>
  

Que faire avec ces signatures HTML?

Vous pouvez récupérer ce code et l'adapter en modifiant évidemment les coordonnées (informations, mail et liens) puis l'insérer comme nouvelle signature dans votre logiciel de messagerie.

  • Arobase.org vous explique comment créer et modifier votre signature avec votre logiciel : Outlook Express, Outlook, Eudora, IncrediMail, Thunderbird. Ceci dit pour la signature évoluée avec Outllook vous devrait cliquer sur modification avancée... puis coller le texte et non le code HTML mais je vous invite à aller dans dans le dossier C:\Documents and Settings\votre_user\Application Data\Microsoft\Signatures\ et créer un fichier .htm et insérer le code HTML que vous aurez adapté.
  • Vous pouvez également ajouter une signature HTML à vos messages si vous utilisez un webmail comme Yahoo! Mail, Gmail ou Hotmail mais celle-ci est à faire directement depuis l'interface du webmail. Vous pouvez faire un copier/coller du texte et le mettre en forme dans les options de signature du webmail.

Pour aller un peu plus loin avec la signature

Dans l'exemple, j'ai mis une image de petite taille (70x70), mais sachez que cette image peut être agrandie jusqu'à 350*160 pixels. Maintenant la plupart des messageries désactivent les images insérées dans les mails reçus mais le fait de l'avoir mise dans un tableau ne pertube pas la mise en forme générale. C'est pourquoi aussi que je vous suggère de mettre le nom de la société ainsi que votre slogan au format texte pour éviter de les voir disparaître. Ensuite vous pouvez changer tous les styles CSS présents dans les balises span (style="COLOR:#0E639C; font-size: 28px; FONT-FAMILY: Verdana...) pour adapter la signature à votre stratégie de communication.

Si vous avez trouvé cet article intéressant, abonnez-vous gratuitement au flux RSS d'eclaireur ou bien par email.
 

Auteur

David Marchesson est freelance développeur web & webdesigner. Il va bientôt se lancer dans l'univers des entrepreneurs Web. Il adore le net, les bonnes idées et parler de lui à la 3eme personne. Ce site sera sa balise dans cette vie digitale.

Suivez ce blog

Si ce blog vous plait, abonnez-vous. Ce flux RSS permet de recevoir en utilisant un lecteur les dernières nouvelles de ce site.

Recevez les billets par email

Vos réactions

  • cyril: hey, je vois que tu l’as bien sorti cet article finalement :)
  • Franck Quintana: Sur le fond, très bonne nouvelle ! D’autres villes feraient bien de s’en inspirer.
  • Franck Quintana: « connection & raquo; s’écrit « connexion &r aquo; en...
  • Maunel: Interessant, j’avais un peu de mal avec la notion de framework css mais après avoir jeté un oeil ça...
  • pako69: Bonjour, Merci pour cette astuce, en revanche depuis les mises à jour récentes de Mail, le chemin...
  • Jean Louis DARRIÈRE: Bonsoir. J’ai particulièrement aimé votre démonstration mais je dois faire une erreur...

Partenaires

Dropbox, 2go d'espace de stockage gratuitDeveloppeur Freelance web developpement webdesigner

Activité

4 commentaires au total, laissez un message. Utilisez ce lien pour faire un trackback sur ce billet :
http://www.eclaireur.net/tutoriaux/creer-des-signatures-professionnelles-pour-vos-mails/trackback/
  1. 1

    Bonjour,

    Je pense avoir une question relative à cet article.
    J’ai créé une signature pour mes mails. Cependant elle ne se constitue que d’images, donc est bloquée dans la plupart des boîtes mail de mes interlocuteurs.
    Y-a-t’il une solution pour un affichage sans souci?
    Est-ce une solution avec l’utilisation de tableaux comme vous semblez le mentionner?
    Merci pour votre réponse !

  2. 2

    C’est le problème, il vaut mieux avoir une signature composée de texte ou d’image ou bien seulement de texte. En effet les images sont bloquées car elles peuvent nuire à la vie privée, car une fois téléchargées l’émetteur du mail peut savoir si vous avez ouvert/lu votre email.
    Donc en règle générale, il est conseillé de faire un mix texte / photo.

  3. 3

    Ok, donc il n’y a pas vraiment de solution… pourtant il me semble que lorsqu’on reçoit des spams, certaines images s’affichent, bizarre :S
    Sinon je fais le mix texte/photo effectivement avec un « texte alternatif » si l’image est bloquée.

    Merci pour cette réponse rapide !

  1. TrackBack #1
    23 avril 2007
    4

    [...] au format HTML passez à l’étape suivante. Dans le cas contraire je vous propose le tutoriel Créer des signatures HTML ou bien celui du site simpleEntrepreneur qui est excellent. [...]

    lien : Intégrer une signature HTML pour vos mails dans l’application Mail de MacOSX

Ajouter un commentaire

N'hésitez pas à discuter de votre point de vue. Les informations obligatoires sont indiquées par une *.

HTML accepté :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Fermer
E-mail It

Haut de page