Tutoweb

Ajouter un lien de contact

Un des points faibles des sites web c'est qu'ils font parfois l'impasse sur des éléments indispensables comme la possibilité de joindre le responsable d'un site web. Pour ce faire, il y a 2 possibilités: l'ajout d'un lien de type mailto ou la présence d'un formulaire de contact.

L'idéal est de disposer au même endroit un moyen de joindre le webmaster sur chacune de vos pages. Pour diverses raisons, certaines personnes ne peuvent utiliser les liens de type mailto. Il est donc plus prudent d'offrir une alternative avec un formulaire de contact.

Lien mailto

  1. <p>
  2. <a href="mailto:"pseudo@mail.com">pseudo@mail.com</a>
  3. </p>

Vous le remarquez, un mailto est simple et rapide à mettre en place, mais il pose certains problèmes. Le premier: le lien de contact est inutilisable par ceux qui n'ont pas de logiciel de messagerie (genre Outlook) ou qui l'ont mal configuré. Le deuxième problème: votre e-mail est susceptible d'être pompé sauvagement par des robots et vous voilà victime de spam.

Pour résoudre le problème d'accessibilité, le mieux est de mettre en place un formulaire de contact. Pour ce qui est du spam, je vous conseille de crypter votre adresse e-mail grâce à un logiciel spécialisé ou de modifier l'affichage du courrier électronique, genre pseudo[at]mail.com mais ce n'est pas certain que tout vos visiteurs comprennent.

Il est possible d'ajouter certaines informations: un deuxième destinataire (Cc), un destinataire caché (Cci), le sujet du courrier (subject) et le corps du message (body). Le ? indique une variable et & les sépare.

  1. <p>
  2. <a href="mailto:destinataire@adresse.fr?cc=machin@truc.fr&bcc=truc@bidule.fr
  3. &subject=sujet du message&body=corps du message">Envoyer un mail</a>
  4. </p>

mailto

Formulaire de contact

La création de formulaire est une partie intéressante car elle permet une interactivité entre le visiteur et l'auteur du site web. Il n'est pas difficile de mettre en place un tel système.

Pseudo:
E-mail:
Message:
 

Formulaire en HTML

  1. <form action="mailto:pseudo@mail.com" method="post" enctype="text/plain">
  2. <p>Nom: <input type="text" name="nom" /></p>
  3. <p>Prénom: <input type="text" name="prenom" /></p>
  4. <p>E-mail: <input type="text name="email" /></p>
  5. <p>Message: <textarea name="message"></textarea></p>
  6. <input type="submit" name="envoyer" value="Envoyer" /></p>
  7. </form>

La balise <form> se compose de plusieurs attributs:

  • action: obligatoire spécifie l'URL du script qui traitera le formulaire au moment de la soumission. Pour connaître le script, adressez-vous à votre hébergeur.
    Exemple:action="/cgi-bin/mailer.cgi"
  • method: cet attribut peut prendre deux valeurs: post (la plus utilisée) ou get. La méthode post inclut les données dans le corps du formulaire. La méthode get ajoute les données sur l'URL spécifiée dans l'attribut action.
    Exemple: method="post"
  • enctype: cet attribut spécifie le format des données envoyées. Il possède plusieurs valeurs: text/plain (formulaire classique) ou multipart/form-data (avec fichier attaché)

Dans cette solution, nous utilisons le lien mailto. L'e-mail en retour ressemblera à ceci...

apercu mail

Formulaire en PHP

Ce langage permet d'envoyer un formulaire sans passer par le logiciel de messagerie installé sur l'ordinateur. Pratique pour les gens qui ne sont pas à leur domicile ou qui n'ont pas configuré leur messagerie. Pour que cela fonctionne, renseignez vous auprès de votre hébergeur pour savoir s'il gère le PHP (le plupart le font).

Pour la partie pratique, créez votre formulaire et dans l'attribut action indiquez le lien vers la page mail.php au lieu du classique mailto.

  1. <form id="mailsend" method="post" action="mail.php">
  2. </form>

Il reste plus qu'à créer la page mail.php. Entrez les données ci-dessous en adaptant les données: webmaster@monsite.com pour l'adresse de destination et Nouveau message par le titre du mail. N'oubliez pas d'enregistrer cette page avec l'extension .php et non html.

<?
$pseudo ="pseudo";
$adresse ="adresse";
$message ="message";
$courrier ="Ce message provient de : ".$pseudo." ( ".$adresse." ) \n \n".$message;
mail("webmaster@monsite.com""Nouveau message",$courrier,"From:mail@monsite.com"); 
?>

 

Réalisé le 03 mars 2004.
Mis à jour le 6 mai 2006.
haut