Lien cliquable avec une adresse email dans blogger (mailto)

email mailto mail courriel blogger lienSuite à mon article Comment créer une page de contact intégrée à Blogger, beaucoup de personnes m’ont demandé comment ajouter un lien qui va permettre aux visiteurs d’envoyer un email en utilisant leur propre logiciel de messagerie électronique : Outlook, Thunderbird, Mail, SeaMonkey, Microsoft Entourage …
Voici donc quelques explications pour ajouter un lien (texte ou image) qui va appeler le logiciel de messagerie de l'internaute depuis votre blog Blogger/Blogspot (en utilisant le protocole mailto).


Pour un lien texte :

<a href="mailto:Votre-Email@email.com">envoyez moi un email</a>


Pour un lien Image :

<a href="mailto:Votre-Email@email.com"><img src="http://i906.photobucket.com/albums/ac264/leblogger/1247328006_email.png"/></a>


Si vous cliquez sur un de ces deux liens, votre client de messagerie va s’ouvrir avec le champ "destinataire" pré-remplie.
Donc pour insérer un lien "mailto" dans votre blog, Il suffit de copier/coller un de ces codes (en changeant les paramètres en bleu avec les votres) directement dans n’importe quelle partie de votre blog Blogger : Message ou widget.

Voici quelques exemples plus complexes de l'utilisation de "mailto" qui vont permettre à vos visiteurs d’ouvrir leur client de messagerie avec quelques champs déjà remplis:
  • Ajouter le nom du destinataire : Test
    <a href="mailto:Soufiane%20LeBlogger%20<LeBlogger1@leblogger.com>">envoyez moi un email</a>
  • Ajouter l'objet/sujet du message : Test
    <a href="mailto:LeBlogger1@Lelogger.com?subject=Sujet%20de%20Votre%20Email%20">envoyez moi un email</a>
  • Ajouter un contenu du message : Test
    <a href="mailto:LeBlogger1@LeBlogger.com?body=Bonjour">envoyez moi un email</a>
  • Ajouter un destinataire en copie : Test
    <a href="mailto:LeBlogger1@leblogger.com?cc=LeBlogger33@leblogger.fr">envoyez moi un email</a>
  • Ajout d'un destinataire en copie cachée : Test
    <a href="mailto:LeBlogger1@leblogger.com?bcc=LeBlogger33@leblogger.fr">envoyez moi un email</a>
  • Exemple très complexe : Test
    <a href="mailto:LeBlogger11@LeBlogger.com? subject=Sujet%20de%20Votre%20Email&cc=LeBlogger22@leblogger.com&bcc=leblogger333@leblogger.com&body=CouCou%0d%0aBaYBaY">envoyez moi un email</a>
Attention :
Si le l’internaute n’a aucun Client de messagerie installé (Un client de messagerie (Outlook Thunderbird) et non un Web mail comme Gmail, ou Hotmail) sur son ordinateur il ne peut pas cliquer sur le lien et donc il ne peut pas vous contacter. Alternative.
Libellés : Publié le samedi, juillet 11, 2009
14 Commentaires
  1. Bonjour,

    Excellent resume des possibilite des mailto ! Neanmoins, je deconseille de mettre un lien mailto sur vos pages. En effet, si votre site est suffisament visible (dans les 100 premieres page de Google sur n'importe quelle recherche) on risque d'aspirer automatiquement votre e-mail pour le revendre a des spammeurs.

    C'etait deja le cas il y a 10 ans et c'est pour cela qu'on ne retrouve quasiment plus ce type de lien.

    RépondreSupprimer
  2. @ Guillaume
    merci pour le commentaire :)
    Le mieux est d'utiliser le formulaire de contact intégré, 100% non spam.
    Mais on peut crypter l'email ou le widget qui contient l'email, utiliser une email de passage (c'est le cas du formulaire de contact).....

    RépondreSupprimer
  3. Bonjour,
    Je me permets de mettre un commentaire: oui c'est très simple de code une adresse mail/ mailto. Je m'en sers depuis des années et ça marche très bien !
    http://aspirine.org/emailcode.php

    :)

    RépondreSupprimer
  4. @KLO
    Oh merci pour le lien, il marche impec....

    RépondreSupprimer
  5. Oui c'est c'est vraiment bien ce truc-là... j'avais oublié le "R" à coder et du coup c'était plus très clair ;)
    si tu es "dans le coin", peux-tu me donner le code pour le widget drapeau hébreu stp et en woloff ça existe ?, j'aimerais bien pour des potes Sénégalais.
    D'avance un grand merci. Je fais tourner l'adresse de ton site ! ;;)

    RépondreSupprimer
  6. @KLO
    Merci, j'ai pa eu le temps d'ajouter le hébreu mais je vais le faire ....

    RépondreSupprimer
  7. Voici une autre astuce pour éviter de mettre son adresse en dur : E-Mail Icon Generator génère une image d'après votre adresse électronique (gmail, msn, hotmail, yahoo ou personnalisée)

    http://services.nexodyne.com/email

    RépondreSupprimer
  8. J'ai vraiment passé une nuit blanche constructive grâce à ton blog !
    Je viens d'installer plein de choses, tu peux voir tout ça ici http://l-iconoclaste.blogspot.com/

    RépondreSupprimer
  9. Salut,

    J'ai une petite question, j'aimerai mettre un icône mail sur ma page blogger dans un gadget html.
    Hors, je n'arrive pas a trouver le bon code a coller pour garder l’icône et juste qu'il ouvre un mailto. Vous pouvez m'aider?
    L'adresse de mon blog avec l’icône en haut a droite: www.ethiscrea.com
    merki

    RépondreSupprimer
  10. salu sofiane, j'ai suivi les etapes pour les traducteurs et j'ai suivi ta video mais rien, c'est normal! vous pouvez m'aider?

    RépondreSupprimer
  11. Bonjour,
    Excellent sur IE, chrome et opera mais ne fonctionne pas sur firefox zut. Ai-je fait une erreur. Merci salutations. voir http://les-surebets.blogspot.ch/

    RépondreSupprimer
  12. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer

Copyright 2015 Soufiane.fr