Comment creez un lien avec votre adresse e-mail de contact

Vous avez sûrement plus d’une fois voulu mettre un lien sur votre site Web avec un e-mail et que lorsque la personne clique sur ce lien, l’e-mail s’ouvre et tout est prêt pour envoyer cet e-mail. Ou ce qui revient au même, créez un lien mailto.

Eh bien, c’est très simple à mettre en œuvre. Vous pouvez le voir en vidéo dans quelques minutes. Ou voir ci-dessous les étapes et le code dont vous avez besoin si vous préférez.

 

Si vous utilisez le Framework Genesis , vous avez un mini-cours sur le plugin Genesis Simple Social Icons dans lequel on retrouve 2 icônes très intéressantes : l’icône mail et l’icône appel téléphonique. Il en est de même pour ce tuto et celui d’appeler que vous avez aussi sur mon blog. Mais plus rapide et avec une icône au lieu de texte.

Comment créer un lien mailto qui ouvre votre gestionnaire de messagerie lorsque vous cliquez dessus

Si vous préférez, voici les étapes.

 

Créer un lien en html

Pour créer un lien en html, il vous suffit d’écrire ce qui suit dans votre document html ou, si vous utilisez WordPress, vous pouvez le faire dans un article ou une page en appuyant sur l’onglet html de l’éditeur de texte.

Vous pouvez également le mettre dans un widget html. Voici le code pour créer un lien en html :

<a href="#">Text que vous voulez</a>

Il ne nous reste plus qu’à ajouter ce qui suit à l’url de notre lien :

<a href="mailto:mailquevousvoulez@gmail.com">Text que vous voulez</a>

Et si vous le souhaitez, et cela est totalement facultatif, vous pouvez automatiquement laisser un sujet dans le mail. Je l’utilise pour savoir à partir de quel lien ils me contactent. Ce serait comme ça :

<a href="mailto:mailquevousvoulez@gmail.com?Subject=Ici%20du%20mail">Text que vous voulez</a>

NOTE : N’oubliez pas d’utiliser %20 pour séparer les mots de votre sujet afin que tous les gestionnaires de messagerie respectent les espaces.

Je te donne un exemple. Regardez, essayez ce lien et voyez ce qui reste avec le sujet et tout : Contact par mail

Votre code serait :

<a href="mailto:hello@digitalbyz.pro?Subject=Devis%20site%20internet">Contact</a>

Et jusqu’à présent, ce tutoriel html simple. J’espère que ça vous a plu 🙂 Si c’est le cas, et que ça vous tente, vous pouvez m’aider en le partageant sur le réseau social de votre choix. Merci!!