Formulaire
  • 6 Minutes to read
  • PDF

Formulaire

  • PDF

Article summary

L'onglet Formulaire vous permet de construire votre formulaire à l'aide des champs détaillés ci-dessous, et repartis sous trois grandes catégories : standard, habillage et avancé.

Capture d’écran, le 2023-03-17 à 15.32.46.png

Les différents types de champs

Les champs standards

Ce sont des champs "communs" ayant pour objet de récolter les données des participant.

Champs standards

Astuce

Pensez à utiliser les types de champs correspondant lorsqu'ils existent. Exemple, le champ email vous offre la possibilité de vérifier la structure d'une adresse mail avant que le participant valide son inscription. Ce qui n'est pas disponible sur le champ de texte libre qui pourrait pourtant sembler convenir lui aussi.

Les types de champs standards :

  • Champ de texte libre : permet d'insérer un texte court sur une seule ligne (exemple : prénom).

  • Champ numérique : permet d'insérer un nombre.

  • Zone de texte : permet d'insérer un texte long sur une ou plusieurs lignes (exemple : commentaire).

  • Email : permet de vérifier que la nomenclature de l'adresse mail renseignée est valide. Permet également d'autoriser ou de refuser des inscriptions selon le domaine de mail (exemple : uniquement les adresses @appcraft.fr peuvent valider ce formulaire).

  • Téléphone : permet de remonter l'indicatif et de vérifier que la nomenclature du numéro de téléphone renseigné est valide.

  • Mot de passe : permet à l'utilisateur de créer un mot de passe pour accéder à la plateforme ou l'application dédiée (simple ou complexe).

  • Sélecteur de date et/ou heure : permet de sélectionner une date et/ou une heure dans un calendrier. Il est possible de restreindre la plage de dates disponibles.

  • Case d'option : permet de sélectionner un choix simple de réponse parmi les options proposées (exemple : civilité).

  • Menu déroulant : permet de sélectionner un choix simple de réponse parmi un menu déroulant d'options (exemple : nationalité).

  • Menu déroulant avancé : permet de sélectionner plusieurs choix de réponse parmi un menu déroulant d'options (exemple : restrictions alimentaires).

  • Checkbox : permet d'avoir une case à cocher pour valider une information (exemple : rgpd).

  • Pays : permet de sélectionner un pays parmi un menu déroulant d'options.

  • Code postal / ville : permet de faire correspondre le code postal renseigné avec la ville associée.

  • Upload d'image : permet au participant de déposer une image PNG ou JPEG dans le formulaire, avec différents niveaux de sécurité (exemple : passeport).

  • Upload de fichier : permet au participant de déposer un fichier PDF ou DOCX dans le formulaire, avec différents niveaux de sécurité (exemple : visa).

  • Block de champs : permet d'ajout un block dans lequel nous pouvons mettre tout autre type de champs. C'est très interessant notamment dans le cas de condition sur plusieurs champs : vous pouvez ajouter votre block de champs, le conditionner, ainsi tous les champs entrés dedans seront concernés par la condition.

Coup de coeur de la rédaction

Le bloc de champs peut-être utilisé en autonomie dans le cadre d'un formulaire simple. Il vous permet de rassembler plusieurs champs dans un même bloc. Ce qui vous permettra par la suite de conditionner uniquement le bloc, et pas tous les champs un à un.

Les champs d'habillage

Ce sont des champs permettant de structurer votre formulaire.

Champs d'habillage

Les types de champs d'habillage :

  • Titre : permet d'intégrer un titre déjà formaté dans le corps du formulaire.

  • Texte : permet d'intégrer un bloc de texte déjà formaté.

  • Texte formatable : permet d'intégrer un bloc de texte formatable.

  • Image : permet d'intégrer une image dans le corps du formulaire.

  • Séparateur : permet d'intégrer une ligne de séparation dans le corps du formulaire.

Les champs avancés

Ce sont des champs spécifiques, qui necessitent pour la plupart l'intervention d'un chef de projet pour leur paramétrage.

image.png

Les types de champs avancés :

  • Bilan carbone transport : permet au participant de rentrer ses informations de transport (aller / retour, multi-trajet...) pour calculer le bilan carbone de votre événement.
  • Bouton soumission : permet d'avoir un bouton de validation du formulaire.
  • Champ caché : permet d'avoir un champ caché dans le formulaire. Les champs cachés permettent de remonter les champs du listing, et pouvoir conditionner dessus dans le formulaire.
    Par exemple, si vous devez conditionner sur la category qui est présente dans le listing, vous pouvez ajouter un champ caché "category". Vous pouvez ensuite conditionner d'autres champs sur la category.
  • Onglets : permet d'organiser le formulaire avec des onglets. Un enregistrement des donnés peut être fait à chaque passage à l'onglet suivant.
  • Colonnes : permet d'organiser les champs en colonne dans le formulaire.
  • Liste d'items : permet à un invité d'ajouter des accompagnants, qui sont considérés comme participants également ou juste +1 à titre informatif.
  • Accommodations : permet de choisir un hôtel depuis le formulaire.
  • Rooming : permet de choisir un hôtel et/ou un roommate depuis le formulaire.
  • Workshops : permet de choisir une ou plusieurs activités depuis le formulaire. (Il faut avoir ajouté les activités dans la section workshops du backoffice).
  • Products : permet d'afficher un produit dans le corps du formulaire.
  • Accompagnateur : module déprécié.
  • Champ de texte multiple : permet d'avoir plusieurs champs de texte à remplir sur une même ligne.
  • Échelle : permet de créer une échelle graduée pour évaluer un niveau.
  • Tableau de multi numérique : permet de créer un tableau à plusieurs valeurs numériques.
  • Bloc de sensibilisation : permet d'afficher une vignette de sensibilisation écologique.
Bilan carbone

Les champs du bilan carbone ne sont pas modifiable, et il n'est pas possible de brider les choix d'aéroport / gare.. en fonction de l'événement

Comment ajouter un champ

Cliquez sur Ajouter un champ, une fenêtre s'ouvre à gauche de votre écran. Glissez et déposez le nouveau champ dans votre formulaire.

Ajouter un champ

Vous devez alors nommer votre champ. Pour ce faire :

  • Attribuez un label (visible par le participant)
  • Renseignez un nom de champ (visible uniquement en back-office)

Nommer un champ

Attention : certains champs doivent garder un nom de champs spécifique. Voici ces champs :

  • firstName (champ pour le prénom)
  • lastName (champ pour le nom)
  • email (champ pour l'email)
  • phoneNumber (champ pour le téléphone)
  • registered (champ pour la participation du participant)
Bien nommer vos champs

Le Nom du champ doit être unique. Il correspond à un identifiant interne permettant de bien traiter la donnée qu'il remonte. Nous vous recommandons de ne pas mettre de majuscule, ni d'accent dans ce champs.

Une fois le champ nommé, voici les options supplémentaires disponibles :

Options de champ

  1. Déplacer le champ
  2. Cocher la case champ obligatoire si vous souhaitez que ce champ soit renseigné par le participant avant de soumettre son formulaire
  3. Dupliquer ou supprimer le champ
  4. Conditionner le champ (voir plus de détails plus bas)
  5. Afficher / masquer le champ
  6. Ouvrir / fermer les options de paramétrage de votre champ
Modifier un formulaire en production

Une fois en production, le formulaire ne doit plus être modifié. Cela pourrait fortement impacter la récolte de données. Si des modifications sont nécessaires, rapprochez vous de votre chef de projet.

Comment conditionner un champ

Vous pouvez conditionner vos champs selon :

  • La réponse à une question précédente
  • Une informations présente dans le listing participants

Conditionner un champ

Parmi le menu déroulant, selectionnez le champ qui servira à conditionner l'affichage du présent champ. Choisissez le type de conditonnement (est égal à, contient, etc.). Renseignez la valeur qui doit être entrée pour que le champ s'affiche ou non.

Vous pouvez cumuler des conditions avec l'aide des "ET" / "OU" à droite de chaque condition.

Si vous avez une information présente dans le listing participants

Vous pouvez conditionner vos champs sur une information présente dans le listing participant mais qui n'est pas utiliser dans le formulaire.
Dans ce cas, il est recommandé d'ajouter un champs de type champ caché afin de pouvoir l'utiliser dans une condition.

Capture d'écran 2024-01-11 165347.png


What's Next