Un formulaire pour connaître l'avis de vos visiteurs (niveau 2)
La mise en place de cet atelier à beau être un peu fastidieuse, le résultat est à la hauteur. Grâce à un formulaire et à des options, zones de texte, cases à cocher..., vous permettrez à vos visiteurs d'envoyer leur avis. Vous le recevrez ensuite dans votre boîte e-mail.
1 Création du formulaire lui-même
Pour insérer un formulaire, allez dans Insertion, Formulaire. La zone de formulaire est délimitée par un rectangle en traits pointillés (les balises <form> et </form> ont été ajoutées dans votre code html).
2 Insertion des éléments
Nous allons maintenant insérer les éléments du formulaire :

zone de texte (1 ligne) :

zone de texte (plusieurs lignes)

bouton :

case à cocher :

bouton radio :

liste/menu :

Pour insérer l'un de ces objets, allez dans Insertion, Objets de formulaire et choisissez un objet. Pour chaque objet inséré, n'oubliez pas de le nommer (évitez les accents et ^, ¨, "...) . Pour que l'on puisse faire son choix parmi une liste, insérez-en une. Dans les propriétés de cette liste, la colonne Etiquette correspond à ce que le visiteur verra, alors que la colonne Valeur correspond aux données que vous recevrez par e-mail. Les zones de texte 1 ligne servent à taper un nom ou une adresse tandis que celles avec plusieurs lignes permettent d'entrer un commentaire ou autre. Pour les cases à cocher et les boutons radio, vous pouvez définir s'ils doivent être cochés ou non lors du chargement de la page.

3 Intégration d'un script d'envoi

Une fois finie la création du formulaire il nous reste à insérer deux boutons : l'un pour l'envoi des données, l'autre pour la remise à zéro du formulaire.

  • Pour le premier bouton : Etiquette : Envoyer, Action : Submit, Nom : submit
  • Pour le deuxième : Etiquette : Effacer, Action : Reset, Nom : reset

Allez ensuite dans les propriétés du formulaire. Optez pour la méthode d'envoi Get. Donnez une nom à votre formulaire dans Nom (ex : avis). Pour Action, vous avez plusieurs possiblités :

  • vous êtes hébergé sur un serveur (gratuit) ne proposant pas de script d'envoi : tapez alors dans Action : mailto:votre_e-mail@votre fournisseur.fr. Ce système fonctionne parfaitement mais les données reçues ne seront pas très lisibles.
  • vous êtes hébergé sur un serveur (gratuit ou payant) proposant un script d'envoi (nous allons voir comment configurer celui de Multimania). Dans Action tapez "/cgi-bin/mailer" (ou l'adresse du script pour un autre serveur). Revenez à votre page et insérez deux entrées cachées : copiez et modifiez le code suivant (qui correspond aux 2 entrées cachées) pour qu'il vous convienne :

<input type="hidden" value="identifiant@multimania.com" name="TO"><input type="hidden" name="GOTOURL" value="http://www.multimania.com/identifiant">

Le champ "TO" spécifie le destinataire alors que "GOTOURL" spécifie la page à afficher une fois que le visiteur a cliqué sur Envoyer. C'est presque fini ! Insérer une zone de texte et nommez-la "FROM". Dans ce champ (obligatoire), le visiteur devra taper son adresse e-mail. Voilà, c'est fini (et ça devrait marcher !).

Retour sommaire