Guide didactique Formulaire Table des matières A. LES CHAMPS DISPONIBLES... 2 B. PRISE EN MAIN DE L EDITEUR DE FORMULAIRE... 3 C. CONFIGURER UN CHAMP PRECIS... 4 D. LA GESTION DES FORMULAIRES... 5 E. INSERER LES FORMULAIRES DANS VOTRE SITE... 7 1
A. Les champs disponibles Voici un aperçu de tous les champs à votre disposition. Les champs standards Ligne simple, vous laissez la possibilité à l internaute d entrer un peu de texte. Paragraphe vous laissez là une grande zone de texte. Liste déroulante, l internaute doit «dérouler» la liste afin de voir toutes les possibilités. Sélection multiple, cela ressemble à une liste déjà déroulée où vous pouvez sélectionner plusieurs lignes. Nombre, vous pouvez là demander à votre utilisateur d entrer un nombre. Cases à cocher, c est le champ classique lorsque vous souhaitez laisser le choix entre plusieurs options. Boutons radio, c est l alternative à la «liste déroulante». Ici les cases sont rondes et une seule peut être sélectionnée. HTML, vous pouvez y écrire ce que vous voulez du moment que vous maîtrisez un tant soit peu le HTML. Section, c est ce qui va vous permettre de séparer plusieurs parties d un formulaire par des titres. Page, ce champ sera utile pour séparer votre formulaire en plusieurs pages. Les champs avancés Nom, vous pourrez ici décomposer les champs qui composent l identité de votre internaute. Vous pourrez demander un préfixe. Date, vous demanderez un jour précis au travers d un champ à remplir ou d un calendrier.. Temps, ce champ vous servira à récolter une heure. Téléphone, ici vous pourrez récolter un numéro de téléphone. Adresse, vos internautes pourront entrer ici une adresse postale. Vous pouvez activer / désactiver les différents champs qui la composent : Adresse, Adresse ligne 1, Code Postal, Ville, État / Province (inutile en France) ou encore le Pays. Site Web, le module va vérifier que le format est correct, du type http://www.wpmarmite.com. Email, où il y aura là aussi une vérification du format. Téléchargement de fichier, vous pourrez choisir ici entre un seul fichier ou plusieurs, le type d extensions autorisées (jpg, png, pdf ) ou encore la taille limite Captcha, il ne faut pas l utiliser. Liste, ce champ est particulier : c est à l internaute de remplir lui- même les éléments de la liste. Contrairement à la liste déroulante ou la liste multiple pour lesquelles nous préparons les différentes options possibles en amont. 2
B. Prise en main de l éditeur de formulaire Création des formulaires Vous pourrez ajouter, modifier ou améliorer les paramètres de chacun des formulaires que vous avez. Il est même possible de dupliquer un formulaire. Regardons maintenant à quoi ressemble l interface d édition en elle- même. Ajouter et ordonner les champs Ici il vous faudra sélectionner un des éléments disponibles à droite en cliquant dessus. Ils apparaitront alors dans l espace d édition et vous pourrez les manipuler en drag & drop (glisser- déposer). 3
Ensuite pour modifier chacun des champs, il vous faudra cliquer sur la flèche vers le bas. Le tiroir du champ s ouvre alors et vous permet de le configurer. Vous pourrez également cliquer l icône des deux feuilles pour dupliquer un champ. Et le dernier pictogramme en forme de croix, vous l aurez deviné, sert à supprimer un champ. Pour finir, vous pourrez, en bas à droite de l écran, mettre à jour votre formulaire en cliquant sur le le bouton. C. Configurer un champ précis Lorsque vous ouvrez le tiroir d un champ, vous aurez accès à 3 onglets différents : Général, Apparence et Avancé. Vous aurez très souvent des options spécifiques au type de champ que vous aurez sélectionné. Ainsi les paramètres du champ «Liste déroulante» ne sont pas du tout les mêmes que ceux du champ «Section». Section Général 4
Le champ Général vous permettra de modifier le nom du champ et d ajouter une description. Celle- ci correspondra à un petit texte introductif dans lequel vous pourrez ajouter des précisions. Vous aurez ensuite des options spécifiques à chaque type de champ. Pour finir, la case «Requis». Cela permet de rendre un champ obligatoire. Section Apparence Vous n aurez pas à y intervenir. Section Avancé Vous permet d accéder aux conditions logiques. Son fonctionnement est le suivant : elle permet de n afficher certains champs que si certaines conditions sont remplies. D. La gestion des formulaires Voici les paramètres que vous trouverez, formulaire par formulaire, qui vont vous permettre de gérer la façon dont les internautes vont interagir. Paramètres généraux d un formulaire Lors de la création d un formulaire, pensez, ici, à activer le honeypot, afin d éviter de vous fair spammer.il va empêcher les robots de vous envoyer de faux messages. Je ne sais pas si ça m est spécifique mais même avec l option désactivée, je n ai jamais eu de faux messages. Les confirmations Quand un internaute clique sur le bouton «Envoyer» il peut se passer deux choses : Soit les champs disparaissent et un message de confirmation arrive à la place Soit l internaute est redirigé vers une autre page. Le menu confirmation vous permet de personnaliser le fin du formulaire. Les notifications Cela permet d envoyer à l internaute un message confirmation de sa demande, mais aussi d envoyer une notification à la personne en charge de traiter les réponses des formulaires. Vous avez à votre disposition tous les paramètres pour composer l email de répons ou de notification. 5
Vous avez paramétré les notifications et elles nous parviendront par email. Mais vous pouvez également les consulter directement dans le tableau de bord. La consultation des messages dans WordPress Vous pouvez consulter dans une même interface toutes les entrées que vous aurez reçues. Et ce, formulaire par formulaire. 6
E. Insérer les formulaires dans votre site Dans une page, aux côtés du bouton pour ajouter des médias, vous avez un bouton «Ajouter un formulaire». En cliquant dessus, vous pourrez sélectionner le formulaire. 7