Hébergement Web

ID #1027

Comment configurer le formulaire de contact (FormMail) ?

Cet outil necessite deux phases de paramètrage :

Une section CAPTCHA a été ajoutée pour limiter l'action des robots. Le captcha est statique et sa valeur ( av4j8r! dans notre exemple) peut être changé à souhait.

L'utilisateur doit saisir la même valeur avant de valider le formulaire. Si les valeurs ne sont pas identiques un message d'erreur s'affiche.

Voici ci-dessous un exemple de code html de page contact fonctionnant sur votre hébergement :

NB: la section CAPTCHA est représenté par la ligne suivante, vous pouvez la supprimer si vous desirez ne pas utiliser de CAPTCHA

<tr><td align="left">Captcha (recopier la section suivante)*: av4j8r!* : </td><td> <input type="text" name="verif_captcha"></td></tr>

<html>

<head>
<title>Contact</title>
</head>

<body>

<h2>Contactez-nous</h2>

<h4>Exemple de formulaire de contact sur votre site</h4>
<table align=center>

<form method="post" action="http://www.votredomaine.com/cgi-bin/formmail/FormMail.pl" name="contact">
<input type="hidden" name="required" value="nom,email,message">
<input type="hidden" name="subject" value="Contact">

<tr><td align=left>Sujet : </td><td> <input type=text name="Sujet" size=50></td></tr>

<tr><td>Votre message * : </td><td> <textarea name="message" cols=50 rows=8></textarea></td></tr>
<tr><td align=left>Votre Nom * : </td><td> <input type="text" name="nom"></td></tr>

<tr><td align="left">Société : </td><td> <input type="text" name="societe"></td></tr>
<tr><td align="left">E-mail* : </td><td> <input type="text" name="email"></td></tr>

<tr><td align="left">Captcha (recopier la section suivante)*: av4j8r!* : </td><td> <input type="text" name="verif_captcha"></td></tr>


<tr><td><input type="submit" value="Envoyer !"></td></tr>
</table>
</form>
<p align="center">NOTE : Tous le champs marqués d'un astérisque sont obligatoires.</p>


</body>

</html>

Quelques explications :

Dans l'exemple ci-dessus, nous avons créé un formulaire html classique pointant vers le script (programme) FormMail précédemment configuré sur votre hébergement.

Vous devez remplacer dans cet exemple "votredomaine.com" par votre nom de domaine réel.

Nous avons créé plusieurs champs (Sujet, Message, Nom, Email,...) dont le contenu vous sera automatiquement envoyé lorsque votre visiteur validera la demande de contact.

Vous pouvez créer autant de champs que vous souhaitez.

On peut aussi spécifier des informations optionnelles qui serviront au traitement du formulaire comme des champs que le visiteur doit obligatoirement remplir, une adresse de page de confirmation,...

Dans notre exemple, nous avons créé deux champs cachés (hidden) dont le premier, intitulé "required", contient les valeurs suivantes : "nom,email,message". Cela veut dire qu'une page d'erreur sera affichée au visiteur s'il ne remplit pas le champ correspondant (Email, Message...). On peut d'ailleurs personnaliser également la page d'erreur affichée. Pour toutes ces possibilités, et bien d'autres (comme le deuxième champ caché vous permettant de spécifier l'objet du mail que vous allez recevoir), nous avons dressé une petite liste des possibilités :

  • subject permet de personnaliser l'objet (sujet) du mail que vous allez recevoir. Le code html à inserer dans votre page est :
<input type=hidden name="subject" value="Titre de votre mail">
  • email qui vous permet de répondre directement au formulaire si le visiteur a indiqué son adresse mail dans ce champ-ci, car le champ "From" du mail est initialisé avec l'adresse de votre visiteur. Pour permettre à vos visiteurs de donner leur adresse mail (et ainsi leur répondre !!), placez ce morceau de code dans votre formulaire
<input type=text name="email">
  • realname permet à votre visiteur de spécifier son nom, en plus de l'adresse email, dans le champ "From" de l'email que vous recevrez. Le code html à inserer dans votre page est :
<input type=text name="realname">
  • redirect permet de rediriger le visiteur vers une page html de votre choix après avoir envoyé le formulaire. Pour rediriger vos visiteurs après l'envoi du mail, placez ce morceau de code dans votre formulaire :
<input type="hidden" name="redirect">
... en n'oubliant pas de spécifier la bonne url ;-)
  • required permet de spécifier quels champs sont nécessaires pour que le formulaire puisse être envoyé. Si certains champs obligatoires ne sont pas remplis, le visiteur verra une page le lui signalant. Il est possible de combiner avec missing_fields_redirect de facon à avoir une page de message personnalisée. Pour rendre obligatoire certains champs, placez le code suivant dans votre formulaire :
<input type=hidden name="required" value="champs1,champs2">
A la place de champ1 champ2, vous indiquez le nom des champs de votre formulaire qui sont obligatoires (mail, nom, adresse,...).
  • sort vous permet de spécifier un ordre de tri pour l'apparition des données dans le mail que vous recevez. Le code à placer est :
<input type=hidden name="sort" value="alphabetic">
... pour trier suivant l'ordre alphabétique ou
<input type=hidden name="sort" value="order:champs1,champs2,...">
... pour trier suivant l'odre des champs du formulaire que vous souhaitez.
  • missing_fields_redirect permet de spécifier l'adresse Internet vers laquelle renvoyer le visiteur si certains champs obligatoires ne sont pas remplis. Le code html à inserer dans votre page est
<input type=hidden name="missing_fields_redirect" value="http://www.votre_domaine/erreur.htm">
... en n'oubliant pas de spécifier la bonne url ;-)

Une fois que vous avez personnalisée entièrement votre page, placez-là sur votre site en la nommant par exemple contact.html, puis essayez-la... Vous devriez recevoir un email à l'adresse spécifiée dans le script FormMail.pl !
Si toutefois toutes ces explications ne vous permettent pas d'aboutir à l'installation du programme, contactez votre support client.

Nuage de tags: FormMail

Questions - Réponses en relation :

Dernière mise à jour : 2010-08-06 12:08
Auteur : Support Technique
Révision: 1.313

Digg it! Share on Facebook Imprimer cet article Envoyer à un ami version PDF
Proposer une traduction pour Proposer une traduction pour
Merci de noter cette entrée :

Moyenne des notes : 3.5 (10 Votes)

complètement inutile 1 2 3 4 5 indispensable

Vous ne pouvez pas commenter cet enregistrement