Si un champ manque aux besoins d’un formulaire dans son outil d’édition, il peut être créé directement depuis la section Contacts ⇒ Champs supplémentaires. Comme le montre la Figure 4.18, l’outil de création de formulaires possède déjà un grand panel de champs pouvant être complétés par l’utilisateur interagissant. Cependant, les besoins peuvent varier d’un site à l’autre, c’est pourquoi Flexo CMS vous offre la possibilité de créer vos champs de formulaire de toutes pièces. L’accès à cette section vous affichera la liste des champs créés et affectés à un formulaire, comme l’illustre la Figure 4.17.

Pour créer un nouveau champ de formulaire de contact, rendez-vous dans la section Contacts ⇒ Champs supplémentaires. Utilisez ensuite le bouton d’ajout. Cette action ouvrira l’outil d’édition de champs supplémentaires montré à la Figure 4.19. Ci-après sont listés les différents champs de cet outil et une brève description est apportée à chacun.

• Formulaire (requis) : le formulaire précédemment créé (Créer un formulaire de contact) auquel le champ supplémentaire produit sera affecté ;

• Type de champ (requis) : la forme sous laquelle le champ supplémentaire se présentera. Parmi ces types, on retrouve :

  • Texte : une zone de texte d’entrée libre

  

  Les entrées de texte peuvent faire l’objet de validations, en utilisant les champs type de validation et regex de validation. Différents types de validations sont proposés comme : l’e-mail, l’URL et le nombre. Vous pouvez définir vous-même des expressions régulières (i.e. regex), permettant de vérifier que l’entrée texte suit le format demandé dans le champ. Le nombre de caractères maximum pouvant être saisi peut également être limité en utilisant le champ nombre de caractères maximal. Ces champs ne s’affichent au sein de l’outil d’édition de champs supplémentaires que lorsque le type texte de champ est sélectionné ;

  • Date : un champ de texte vérifiant que l’utilisateur donne une date en entrée

  

  • Texte multiligne : un champ d’entrée de texte sur plusieurs lignes

  

  • Case à cocher :

  

  • Menu déroulant de pays : un menu déroulant permettant à l’utilisateur de sélectionner un pays du monde

  

  • Menu déroulant : un menu déroulant proposant un choix parmi une liste de valeurs. La liste de valeurs est sectionnée à l’aide du champ liste de valeurs s’affichant après sélection du menu déroulant dans type de champ. Cette liste doit être définie au préalable, en suivant la procédure détaillée dans la section “Liste de valeurs” dans le “Module Contact”

  

  • Liste de bouton radio : affiche une liste précédemment définie comme pour le menu déroulant, permettant toujours un choix unique mais sous une forme différente comme montré ci-dessous

  

  • Liste de case à cocher : affiche une liste précédemment définie comme pour le menu déroulant, permettant le choix de multiples valeurs sous la forme montrée ci-dessous

  

  Remarque : Les listes de cases à cocher, tout comme les listes de boutons radio, peuvent être affichées de manière verticale ou horizontale et sur plusieurs colonnes en utilisant les champs type d’affichage et nbr de colonnes. Ces options ne s’affichent au sein du formulaire d’édition de champs supplémentaires que lorsqu’un de ces deux types de champs est sélectionné

  • Champ caché : créé un champ qui n’apparaît pas sur la page du formulaire mais existe
  • Titre : insère un titre suivant le format défini sur le site

  

  • Upload : affiche un champ permettant de télécharger des fichiers sur le site depuis l’ordinateur de l’utilisateur

  

• Champ obligatoire (facultatif) : une case à cocher permettant de forcer l’utilisateur à compléter ce champ lors du remplissage du formulaire. Si cette case est laissée décochée, le champ supplémentaire est facultatif et l’utilisateur ne devra pas le compléter obligatoirement pour envoyer le formulaire de contact ;

• Champ affiché (facultatif) : une case à cocher pour rendre le champ visible dans le formulaire auquel il est rattaché. Si cette case n’est pas cochée, le champ supplémentaire n’apparaîtra pas dans le formulaire de contact de l’utilisateur ;

• Ordre d’affichage dans ce formulaire (facultatif) : un nombre permettant de définir l’endroit où le champ est ajouté dans le formulaire. Il est à noter que les champs par défaut des formulaires (Créer un formulaire de contact) seront toujours affichés avant les champs supplémentaires créés. L’ordre défini par ce champ n’est donc valable que parmi les champs supplémentaires ajoutés au formulaire sélectionné par le champ formulaire ;

• Informations générales (facultatif) : les informations générales du champ supplémentaire créé reprennent diverses données d’affichages : 

  • Nom : le nom prit par le champ supplémentaire, affiché dans la liste de ces champs dans Flexo CMS mais aussi choisi comme valeur affichée par défaut
  • Valeur affichée : la valeur affichée dans le navigateur de l’utilisateur pour définir le champ supplémentaire du formulaire. Ces valeurs peuvent être agrémentées de balises HTML si vous êtes familier avec celles-ci, c’est le cas dans l’exemple ci-dessous pour une case à cocher d’accord à la politique de confidentialité

  

  • Message en cas d’erreur (facultatif) : un message affiché dans le navigateur de l’utilisateur en cas d’erreur de saisie du champ, par exemple un champ texte ne respectant pas le regex défini

Á tout moment, si vos droits définis par votre rôle vous le permettent, vous pouvez modifier un champ supplémentaire précédemment créé dans la liste des champs supplémentaires. Pour ce faire, il suffit de cliquer sur l’id de la donnée devant être modifiée ou d’accéder à éditer dans le menu d’actions rapides situé à droite de l’entrée dans la liste. Une fois cette action effectuée, l’outil d’édition de champ supplémentaire comme précédemment présenté s’affichera, permettant la modification de tous les champs présentés au point précédent.