Hébergement Web
Comment configurer le formulaire de contact (FormMail) ?
Cet outil necessite deux phases de paramètrage :
- Le paramètrage du script (Comment configurer l'outil FormMail ?)
- Le paramètrage de la page formulaire décrite plus bas
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 lign, vous pouvez la supprimer si vous desirez pas utiliser un 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=text 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.
Tags: FormMail
Article en rapport:
Dernière mise à jour : 2010-07-29 15:20
Auteur : Support Technique
Révision: 1.301
Vous ne pouvez pas commenter cet enregistrement
-->