2.3. Créer un formulaire¶
Le formulaire est un type de contenu spécifique qui s’ajoute via le menu Ajout d’un élément, option Formulaire.
Le formulaire est un conteneur prévu pour accueillir différents types de champs.
2.3.1. Configuration du formulaire¶
A la création du formulaire, un titre sera requis.
Le bouton de soumission (1) portera par défaut la valeur Envoyer.
Facultativement, l’option Afficher le bouton d’annulation (2) permettra à l’utilisateur de réinitialiser les données inscrites dans les champs.
La case Gestionnaire de courriel (3) doit être cochée afin de lier le formulaire à une adresse mail de réception.
La page de remerciement(4) est affichée lorsque le formulaire est envoyé. Si la case Rien est cochée, aucun message de remerciement ne sera affiché.
Le prologue (5) est une zone de texte libre qui sera affichée avant le formulaire.
L’épilogue (6) est une zone de texte libre qui sera affichéé après le formulaire.
2.3.2. Les différents champs d’un formulaire¶
Tout formulaire vient par défaut avec les champs Votre adresse courriel, Sujet et Commentaire.
Ces champs peuvent être supprimés s’ils ne sont pas requis.
Tout champ peut être rendu obligatoire avant envoi en cochant la case “obligatoire”.
Le gestionnaire de courriel est une action qui ne peut être supprimée car elle renferme les paramètres d’envoi par email, que ce soit vers le citoyen ou l’agent traitant.
Types d’actions¶
Les actions définissent les modalités de traitement du formulaire.
Action Envoi d’un courriel¶
Cette action est créée par défaut. Elle permet de définir vers quelle(s) adresse(s) transmettre une copie du formulaire.
L’onglet Addressing permet de spécifier les destinataires.
Le champ Extraire le destinataire à partir de s’utilise pour transmettre une copie de la soumission au citoyen. Cette action est facultative et a pour seul but de rassurer le citoyen sur le bon traitement de sa demande. La page de remerciement remplit le même objectif.
Le champ Destinataire en copie cachée servira quant à lui à transmettre une copie de la soumission à l’agent traitant.
Action enregistrement¶
Cette action permet d’enregistrer sur fichier CSV tous les envois du formulaire et présente un intérêt en cas de défaut d’envoi.
Il est conseillé de cocher l’option Posting Date/Time afin d’enregistrer la date et l’heure de soumission.
Action Page de remerciement¶
Cette action créée par défaut permet d’afficher un message de remerciement lorsque le formulaire est envoyé. Le texte de l’action peut être personnalisé.
Types de champs¶
Les champs sont les éléments remplis par l’internaute.
Champ Captcha¶
Le champ Captcha ajoute une sécurité qui différencie un utilisateur humain d’un robot.
Cette vérification doit être mise sur tous vos formulaires en mesure de lutte contre le spam.
Champ Fichier¶
Le champ Fichier permet de lier un fichier au formulaire. La taille du fichier peut être limitée.
Champ Notation¶
Ce champ propose différents une gamme de réponses suivant le modèle d’un questionnaire de satisfaction.
Champ Libellé riche¶
Le champ Libellé riche peut enrichir un autre champ d’un lien ou d’une image.
Champ ligne de texte¶
Le champ Ligne de texte permet de faire remplir à l’internaute une case du formulaire, il vous suffit de mettre un titre à celui-ci comme par exemple votre adresse e-mail.
Vous pouvez définir la longueur maximale c’est-à-dire le nombre de caractères qui pourront être entrés dans le champ.
Il est aussi possible d’ajouter un validateur, celui-ci vérifiera si les valeurs insérées dans le champ correspondent à ce que l’on attend. Exemple : nous pouvons mettre le validateur “Is an E-Mail Address” pour vérifier s’il s’agit bien d’une adresse mail.
Champ Liste¶
Le champ Liste permet à l’internaute d’insérer une liste (à ne pas confondre avec le champ Sélection où l’internaute effectue une choix dans une liste générée pour lui).
Champ Mot de passe¶
Le champ Mot de passe permet d’insérer un mot de passe. Si une Action enregistrement est définie, le mot de passe sera enregistré en clair.
Champ Nombre décimal¶
Le champ Nombre décimal permet d’insérer un nombre décimal. Le nombre doit s’inscrire avec un point et non une virgule.
Champ Nombre entier¶
Le champ Nombre entier permet à l’internaute d’entrer un nombre entier. Le nombre entier peut être limité à une certaine valeur.
Champ Sélection¶
Le champ Sélection permet de créer une liste où l’internatute ne pourra retenir qu’un seul et unique choix.
Le champ Options permet de définir cette liste (un choix par ligne).
La liste peut apparaître sous forme de menu déroulant (liste longue) ou de boutons radio (liste courte).
Champ sélection multiple¶
Le champ Sélection multiple permet de créer une liste avec sélection multiple.
Champ texte¶
Le champ Texte permet à l’internaute d’entrer un texte libre comme un commentaire.
La longueur du champ peut être spécifiée en option. Il est également possible d’interdire l’utilisation de lien en lutte contre le phishing.
Champ Texte riche¶
À la différence du champ Texte, le champ Texte riche propose à l’internaute un éditeur de texte.
Champ Checkbox field¶
Le champ Checkbox field permet d’insérer une case à cocher.
Il est recommandé d’insérer une case à cocher obligatoire d’acceptation du traitement des données pour assurer une conformité au RGPD. Cette case doit être suivie d’un champ Libellé riche renvoyant vers les mentions légales.
Champ Date/Time Field¶
Le Date/Time field permet d’insérer une date. La date de départ et de fin du calendrier peut être personnalisée.
Décocher “Afficher les options de sélection de temps” enlève la possibilité de choisir une heure.
Dossier groupeur de champs¶
Le Dossier groupeur de champs regroupent des champs qui relèvent d’une même thématique.
Ce champ facilite la lecture et la compréhension de formulaires plus conséquents.
Fin du groupeur de champs¶
Ce champ permet de spécifier où le dossier groupeur de champs s’arrête.
Champ Fieldset begin¶
Ce champ permet d’avoir une légende avant d’autre champs.