Pour accéder à l’interface de création de Formulaire, cliquer sur squelettes > formulaires
Étape 1 : définition du formulaire
Dans la page de gestion des formulaires, cliquer sur le bouton Créer un nouveau formulaire. La page qui apparaît permettra de définir :
- Un titre qui permettra de retrouver le formulaire dans la page de gestion de Formidable, ici « Nous contacter »
- Un identifiant si possible bref : il sera utilisé dans les raccourcis pour l’affichage du formulaire dans les articles, pour notre exemple « contact »
- Un message de retour qui sera affiché lorsque l’utilisateur validera ses réponses en fin de formulaire.
- Un descriptif : texte succinct présentant le formulaire et ses finalités.
- La page qui s’affichera une fois le formulaire validé. 5 choix sont possibles :
- Réafficher le formulaire à nouveau
- Afficher les valeurs que l’utilisateur vient de saisir
- Afficher les statistiques de l’ensemble des réponses des internautes
- Ne rien afficher
- Rediriger vers une autre page. (il sera alors nécessaire de spécifier l’adresse de redirection).
Une fois ces différentes options remplies, cliquer sur Enregistrer
Étape 2 : ajout éléments composant le formulaire
Une fois le formulaire décrit page précédente enregistré, une nouvelle page apparaît.
Celle-ci contient :
- Dans la colonne de gauche : le numéro d’identifiant du formulaire, son statut, ainsi que 3 boutons permettant d’accéder à chacune des étapes décrites sur cette page.
- Dans la colonne de droite : un espace de configuration permettant de définir les champs et la structure du formulaire.
Cet espace permettra d’insérer et de configurer chaque élément du formulaire. Comme par exemple :
- Des Champs libres : Ligne de texte (réponse courte)
et Bloc de texte (réponse longue), Adresse E-mail, un Fichier à téléverser ou Date - Des Choix restreints : Boutons radios, Liste déroulante, Oui ou non, Case unique, Cases à cocher ou Grille de questions.
- Des éléments de Structure permetant de rendre votre formulaire plus compréhensible : groupe de champs, explication
- Des choix parmi le Contenu éditorial du site : Articles, Rubriques, Mot-clés, Événements, Listes de diffusion ou Documents.
- Ou encore Divers champs moins souvent utilisés : Champs cachés, Devises, Listes des pays du monde servent à passer une information dans le formulaire de manière invisible.
Placer et manipuler chaque élément :
Pour chaque champ, l’utilisation est identique : on sélectionne le type de champ, ce qui le place à la fin du formulaire en cours : le champ est muni de 4 boutons permettant de l’éditer, le déplacer, le dupliquer ou le supprimer.
Le bouton dupliquer se révélera particulièrement utile pour éviter de paramétrer à nouveau des champs au comportement similaires (par exemple, les champs noms et prénoms ).
Configurer un élément
L’utilisation du bouton Configurer permet de paramétrer le champ selon son type.
Il est composé de plusieurs onglets :
L’onglet Description
Il permet notamment de préciser :
| Nom de l’option | Type d’élément concerné | Remarque |
|---|---|---|
| Le label | tous | Titre du champ. Obligatoire, il sera ré-utilisé pour faire référence à ce champ dans tous les documents. |
| La valeur par défaut | Tous les champs | valeur pré-remplie ou pré-cochée |
| Le Placeholder | Champs libres | permet de préremplir un champ avec une expression servant d’exemple. Mais contrairement à la valeur par défaut, cette expression va disparaître dès que l’internaute va sélectionner le champ pour lui permettre d’écrire dans celui-ci. |
| Un texte ou une explication | tous | |
| La liste des choix possibles | Choix restreint | Inscrire un choix par ligne avec une syntaxe de type : choix1|Un où
|
L’ordre des champs ci-dessus varie en fonction du type de label sélectionné. D’autres options peuvent apparaître pour certains types de champs. Par exemple, la configuration d’un champ de type ligne de texte fera apparaître une option permettant de masquer le contenu. La configuration d’un champ date fera apparaître une option permettant de sélectionner l’horaire, etc.
L’onglet Utilisation
Il permet de limiter l’apparition du champ. On peut y trouver ces options :
| Nom de l’option | Type d’élément concerné | Remarque |
|---|---|---|
| Désactiver le champ | Tous les champs | |
| Désactiver mais poster | Tous les champs | Permet de désactiver le champ tout en postant son contenu. |
| Lecture seule | Champs libres | Permet de voir le champ tout en empechant l’utilisateur de modifier son contenu. |
| Nombre de caractère maximum | Champ libre | |
| Nombre de choix maximum | Cases à cocher | Permet de limiter le nombre de choix parmi une liste de propositions |
| Intervalle des minutes | Date | Permet de choisir les crénaux pour lesquels il sera possible de selectionner un horraire (par défaut, 30 minutes) |
| Nombre maximum de fichiers à envoyer | Fichier |
L’onglet Affichage
Cet onglet offre notamment ces options de configuration :
| Nom de l’option | Type d’élément concerné | Remarque |
|---|---|---|
| Avertissement | tous | Permet d’indiquer un avertissement en italique avant le champ. |
| Classes CSS, Classes CSS supplémentaires | tous | Ces options ne sont pas prises en compte sur ce site |
| Nombre de lignes ou Taille du champ | Champs libres | Pas pris en compte sur ce site |
| Pré-remplissage du champ | Tous les champs | Permet de paramétrer le champ de manière à ce que celui-ci se souvienne des informations préalablement remplies. Sur un formulaire sécurisé, on choisira « désactiver » si le champ indique un mot de passe ou une information sensible. |
| insérer une barre d’outils | bloc de texte | Celle-ci peut-être de deux types :
|
| prévisualiser | bloc de texte | Permet de prévisualiser le texte soumis avant de le transmettre. Cette configuration incite l’internaute à se relire avant de poster son texte. |
L’onglet Condition
Cet onglet, très technique, permet de faire apparaître un champ ou un groupe de champ en fonction de la valeur des autres champs.
La syntaxe utilisée doit contenir des arobases « @ » pour définir les autres champs.
Exemple : @selection_1@==Toto
Le code ci-dessus conditionne l’affichage du champ à ce que le champ selection_1 ait pour valeur Toto.
RDV Ici pour en savoir plus sur ce type de fonctionnement assez complexe.
L’onglet Validation
Cet onglet permet de configurer les conditions relatives à la validation du champ. Il offre notamnent ces options de configuration :
| Nom de l’option | Type d’élément concerné | Remarque |
|---|---|---|
| Obligatoire | Tous les champs | |
| Indication d’obligation | Champs obligatoires | Permet de personnaliser le message qui indique que le champ est obligatoire. Par défaut, le terme [obligatoire] est utilisé. Une pratique courante du web est d’indiquer ce caractère d’obligation par un astérisque. |
| Message d’obligation | Champs obligatoires | Permet de modifier le message apparaissant en rouge lorsque le champ ne respecte pas un caractère d’obligation |
| Type de vérification à effectuer | Tous les champs | Permet de limiter le type de saisie à un format imposé (n° de tel, adresse mail, nombre entier, date...) |
| nombre de caractères minimum et nombre de caractères minimum | bloc de texte | |
| Type Mime et extension | Fichier | Certains type de fichiers sont déconseillés car il peuvent potentiellement contenir des virus ou autres logiciels dangereux. Cette option permet de limiter le type de fichiers acceptés. |
Rappel
Attention à bien enregistrer le formulaire en cliquant sur Enregistrer une fois la totalité des champs créés.
Cette validation permet de faire apparaître dans la colonne de droite l’aide-mémoire qui liste les champs avec leur identifiant de la forme @nom_du_champ@, identifiant indispensable si vous souhaitez faire des affichages conditionnels par exemple (voire onglet « Affichage ») ou si vous souhaitez récupérer le contenu d’un champ pour le traitement du formulaire (par exemple : une adresse mail à laquelle envoyer une copie du formulaire pour confirmation).
Étape 3 : configuration des traitements du formulaire
Le bouton Configurer les traitements va permettre de préciser comment les réponses saisies seront traitées.
Le premier choix à faire est de déterminer si les réponses sont envoyées par mail et/ou stockées dans le site. L’enregistrement est conseillé si vous voulez garder une trace des réponses.
Enregistrer les résultats du formulaire dans la base de données
La première partie de la configuration des traitements d’un formulaire concerne la manière dont les données seront enregistrées sur le site. Les options de configuration ci-dessous sont disponibles :
Réglages généraux
Enregistrement multiple :
Si cette option n’est pas cochée, un internaute ne pourra répondre au formulaire qu’une seule fois. Le formulaire deviendra invisible dès que celui-ci sera rempli.
Réponses modifiables :
Cette option, une fois cochée, permet aux internautes de modifier leur réponse une fois le formulaire rempli. Dans ce cas, le formulaire réapparaîtra en faisant apparaître les champs déjà renseignés et l’internaute pourra modifier ceux-ci.
Effacer régulièrement les résultats les plus anciens :
Cette option, une fois cochée, supprime les réponses au cours d’un nombre de jours à définir. Cela permet d’assurer la non-conservation des données utilisateur. C’est une précaution intéressante concernant les données utilisateurs.
Identification des réponses
Pour permettre de bien faire fonctionner les enregistrements uniques et les réponses modifiables, il est nécessaire de configurer la manière dont le navigateur va "reconnaître" l’utilisateur. 4 options sont disponibles :
- Par cookie : L’internaute pourra modifier le formulaire uniquement dans la mesure où celui-ci utilise la même machine et le même navigateur que
celui utilisé lors du premier remplissage de formulaire. - Par identifiant (id_auteur) : Utile pour les formulaires nécessitant la création d’un compte à priori. Plus sécurisé, ce paramétrage nécessite une identification en tant que visiteur sous Spip. Celui-ci devra nécessairement se connecter à son compte pour être reconnu.
- Par identifiant (id_formulaire_message) : Ce fonctionnement nécessite d’indiquer à l’internaute une référence de réponse lors du premier remplissage de formulaire pour que celui-ci puisse l’entrer de nouveau lors de la modification de sa réponse.
- Par une variable de connexion PHP (hashée) : L’identification dépendra d’une variable d’environnement fournie par l’utilisateur.
Unicité des réponses
Cette option permet de sélectionner un champ du formulaire dont la réponse ne doit correspondre à aucune autre réponse déjà effectuée. Si c’est le cas, le formulaire renverra un message d’erreur (spécifié dans le champ juste en dessous) explicitant qu’une seule réponse est admise.
Les réponses de ce champ pourront alors servir à distinguer de manière formelle une réponse. Cela peut, par exemple, permettre de s’assurer qu’un utilisateur avec la même l’adresse E-mail ne va pas remplir 2 fois le même formulaire.
Données personnelles
Ne pas conserver l’identifiant de la personne connectée :
Cette option vise à protéger l’anonymat des internautes qui remplissent ce formulaire. Il est utile lorsque le remplissage d’un formulaire nécessite une authentification (pour éviter, par exemple, qu’une personne puisse envoyer plusieurs réponses à un formulaire).
Cette option sera, par exemple, nécessaire pour la création d’un vote anonyme.
Enregistrer les IPs (masquées après un délai de garde) :
Cette option permet d’assurer une protection en cas d’utilisation du formulaire pour à des fins indésirables ou illégales. Un appareil juridique sera en capacité d’identité l’auteur d’une réponse si cela s’avère nécessaire.
L’utilisation de l’enregistrement d’IP nécessite d’être conforme au RGPD. Néanmoins, l’enregistrement d’une adresse IP sera masquée après une période de 4 mois pour limiter l’aspect intrusif de ce fonctionnement.
Paramétrage relatif à l’affichage des statistiques du formulaire
Dans la mesure où les résultats du formulaire peuvent être visibles par les internautes (seulement si, lors de l’étape 1, le champ Afficher ensuite a été positionné sur « les statistiques des réponses » - voir page 9). Il est possible paramétrer les critères ci-dessous :
- L’option Rafraîchir le cache devra être coché.
- L’option Modération spécifie si les réponses du formulaire doivent être validées avant d’être prises en compte dans les statistiques. Si le bouton modération à priori est coché, une validation de l’administrateur sera nécessaire avant la prise en compte des résultats dans les statistiques.
- L’option Champ à exclure permet de ne pas montrer certaines réponses dans les statistiques.
Poster le résultat du formulaire par courriel
Différents champs permettent de définir à qui sera envoyé l’E-mail récapitulant les réponses du formulaire :
- Si votre formulaire comprend un champ de type destinataires, indiquer celui-ci dans Destinataires pour envoyer l’E-mail à l’adresse associée à ce champ.
- Si votre formulaire comprend un champ contenant une adresse E-mail, indiquer celui-ci dans Destinataires présent dans un des champs des formulaires pour envoyer l’E-mail à l’adresse associée à ce champ.
- Si votre formulaire doit être envoyé à une ou plusieurs adresses E-mail particulières, indiquer celles-ci dans Destinataire supplémentaires. Séparer les adresses E-mail par une virgule.
Pour faciliter une réponse au courrier reçu, l’E-mail de l’envoyeur peut-être configuré en fonction d’un champ rempli dans le formulaire.
- Si votre formulaire comprend un champ « E-mail », indiquer celui-ci dans courriel de l’envoyeur.
- De la même manière, le nom de l’envoyeur peut être constitué à partir de champs du formulaire ( par exemple, les champs « nom » et « prénom » ). Pour cela remplir le champ Nom de l’envoyeur en utilisant les champs entourés de « @ » visibles dans l’aide-mémoire sur la colonne de droite.
Informations supplémentaires
Pour générer un titre d’E-mail, remplissez le champ Sujet du message. Ici aussi, des champs entrés dans le formulaire peuvent être utilisés à l’aide des identifiants visibles dans l’aide-mémoire.
Accusé de réception
- En cochant la case Accusé de réception, l’adresse de l’envoyeur définie précédemment reçoit, elle aussi un E-mail contenant les réponses du formulaire.
- Il est possible de spécifier le sujet de l’accusé de réception, l’adresse E-mail (Courriel de l’accusé de réception) et le nom (Nom de l’expéditeur de l’accusé de réception) son envoyeur.
Affichage des réponses
Le champ affichage résumé de la réponse permettra de nommer les réponses. Il est donc nécessaire de spécifier les champs qui définissent celle-ci.
Étape 4 : publication du formulaire
Une fois votre formulaire terminé, il faut le rendre publiable en modifiant son statut.
Une fois le formulaire publié, aller dans l’article où celui-ci doit apparaître, éditer le texte et utiliser l’encart insérer un modèle en indiquant « un formulaire », puis en choisissant le formulaire nouvellement créé dans la liste des formulaires disponibles.
Un raccourci est généré. Il suffira de le placer dans l’article.
Étape 5 : test du formulaire
Une fois l’article publié, vous pouvez tester le formulaire en le remplissant puis le validant. Vérifiez que le message de retour est celui que vous avez configuré dans l’étape 1 puis rendez-vous dans l’interface de gestion des formulaires de l’espace privé.
En ouvrant le formulaire, le bloc de la colonne de gauche propose 2 boutons supplémentaires :
- X réponses : permet d’accéder à la liste des réponses et de les consulter une par une (capture d’écran ci-dessous). Il est alors possible de modérer certaines réponses en changeant son statut dans le bloc de gauche). Sur la colonne de droite, un encart Exporter l’analyse, donne accès au téléchargement des résultats sous forme de tableur.
- Analyse des réponses : donne une page avec le traitement statistique des résultats.