Il est parfois utile de créer des liens ou des boutons qui nous permettent d'écrire un nouvel e-mail. Par exemple, on peut les utiliser pour créer un bouton « contactez-nous ». Ceci est possible grâce à l'élement HTML <a>
et au format d'URL mailto
.
Bases de mailto
Dans sa forme la plus basique et la plus utilisée, un lien mailto
indique simplement l'adresse e-mail du destinataire. Par exemple :
<a href="mailto:[email protected]">Envoyer l'email nulle part</a>
Le résultat s'affiche comme ceci : Envoyer l'email nulle part.
En réalité, l'adresse e-mail est optionelle. Si on ne l'ajoute pas (le href
contiendra simplement « mailto: »), une nouvelle fenêtre du client de messagerie de l'utilisateur s'ouvrira, sans destinataire spécifié. Cela peut être utile dans le cas d'un bouton « Partager » où l'utilisateur sélectionnera les personnes auxquelles il veut envoyer un e-mail.
Précisions
En plus de l'adresse e-mail, on peut fournir d'autres informations. En effet, n'importe quel champ d'en-tête d'un e-mail standard peut être ajoutée à l'URL mailto
. Les plus communément utilisés sont « subject
», « cc
» et « body
» (qui n'est pas réellement un champ d'entête mais qui permet de spécifier un message court pour le nouvel email). Chaque champ et sa valeur sont indiqués comme un terme de requête.
Note : Les valeurs de chaque champ doivent être codées au format URL.
Échantillons d'URL mailto
Voici quelques échantillons d'URL mailto
:
- mailto:
- mailto:[email protected]
- mailto:[email protected],[email protected]
- mailto:[email protected][email protected]
- mailto:[email protected][email protected]&subject=Ceci%20est%20le%20sujet
Notez l'utilisation de l'esperluette (&) pour séparer les champs de l'URL mailto
. C'est le format standard d'écriture des URL.
Exemple
Si vous voulez créer un lien qui permettrait de s'inscrire à une newsletter, vous pouvez utiliser un lien mailto
comme ceci :
<a href="mailto:[email protected]?subject=Demande%20inscription%20newsletter&body=Inscrivez-moi%20%C3%A0%20votre%20newsletter%20%21%0D%0A%0D%0ANom%20complet%20%3A%0D%0A%0D%0AO%C3%B9%20avez-vous%20entendu%20parler%20de%20nous%20%3F"> Inscrivez-vous à notre newsletter </a>
Le résultat s'affiche comme ceci : Inscrivez-vous à notre newsletter.