Comment faire un lien mailto sur un site internet ?

Nous allons voir ensemble comment faire un lien mailto (vers une adresse e-mail) et l'ajouter dans votre page web. Pour faire ce lien mailto, pointant sur la création d'un mail, nous allons utiliser les outils de l'éditeur visuel de création de site et notamment l'option HTML.

Un lien "mailto" donne la possibilité aux internautes de vous contacter par e-mail en cliquant sur un simple lien qui va déclencher un logiciel de messagerie.

Ajouter un lien mailto avec l'éditeur visuel

Pour insérer un lien vers une adresse e-mail, modifiez la page sur laquelle vous souhaitez afficher le lien et tapez le texte à utiliser pour votre lien dans un éditeur visuel. Par exemple : Contactez-moi

Sélectionnez ensuite votre texte pour le mettre en surbrillance et cliquez sur l'outil Lien de l'éditeur.

Pour le champ Type de lien, choisissez Courriel. Indiquez ensuite votre mail dans le champ Adresse électronique juste en dessous (cf. vidéo).

Il est également possible d'insérer un lien mailto sur une image.

Lorsque vous ajoutez une image, il faudra alors choisir l'option Lien personnalisé pour le champ Cible du lien et coller :

mailto:votreadresse@mail.fr

Dans Adresse URL de destination (remplacez "votreadresse@mail.fr" par votre courriel).

Pour apprendre à ajouter un lien sur une image, avancez la vidéo jusqu'à 5:12.

Insérer un lien vers un e-mail en HTML

Si vous préférez procéder par code HTML, utilisez l'éditeur HTML dans une page et collez le code suivant en prenant soin de remplacer l'adresse "votreadresse@mail.fr" par la vôtre :

<a href="mailto:votreadresse@mail.fr">Contactez-moi !</a>

En ajoutant des class, vous donnerez un aspect de bouton à votre lien. Par exemple :

<a href="mailto:votreadresse@mail.fr" class="btn btn-primary">Contactez-moi !</a>