Passer au contenu principal

Comment permettre aux répondants de choisir plusieurs options dans une liste déroulante avec recherche dans Formaloo

Découvrez comment utiliser le champ Multi-select Dropdown de Formaloo pour permettre aux répondants de rechercher et choisir plusieurs options, avec limites min./max.

Ce que vous allez créer

À la fin de ce guide, vous disposerez d’un champ de formulaire qui permet aux répondants de rechercher dans une liste de choix et d’en sélectionner plusieurs, leurs choix s’affichant sous forme de puces amovibles. Vous définirez des limites minimale et maximale de sélection, personnaliserez les messages de validation et verrez comment ces sélections sont transmises à la reprise des réponses, au bloc de données et à vos intégrations.

Quand l’utiliser

  • Votre liste d’options est longue, et un champ Multi choice classique se transforme en une multitude de cases à cocher que les répondants doivent faire défiler

  • Les répondants doivent choisir plusieurs éléments : un champ Dropdown classique ne convient donc pas

  • Les répondants demandent régulièrement à pouvoir rechercher au lieu de parcourir une longue liste de choix

  • Vous souhaitez que les sélections apparaissent sous forme de puces nettes et amovibles plutôt que d’une pile de cases cochées

  • Vous devez limiter le nombre d’options sélectionnables, par exemple « choisissez jusqu’à 3 services »

Ajouter le champ dans l’éditeur de formulaire

Multi-select Dropdown se trouve dans la section Choice du panneau Add field, juste après le champ Dropdown standard. Son ajout au formulaire n’introduit aucun comportement nouveau dans l’éditeur : il s’affiche et se place exactement comme tous les autres champs, vous n’avez donc rien de nouveau à apprendre avant de le configurer.

1. Ouvrez le panneau Add field : dans votre éditeur de formulaire, cliquez sur Add field et accédez à la section Choice. Vous trouverez Multi-select Dropdown juste après Dropdown.

2. Ajoutez le champ à votre formulaire : cliquez sur Multi-select Dropdown pour le placer dans le formulaire. Il s’affiche comme un champ Dropdown standard : les répondants reconnaîtront immédiatement l’interaction.

3. Publiez votre formulaire : une fois le champ configuré à l’aide des paramètres ci-dessous, cliquez sur Publish dans la barre en haut de l’éditeur pour le mettre en ligne.

Paramètres du champ

La barre latérale des paramètres suit la même structure que pour tous les types de champs : une section Field, une section Settings, une section Insert et une section Translate & Customize. L’essentiel de ce qui est propre à Multi-select Dropdown se trouve dans Settings, avec quelques commandes qui n’existent pas pour un champ Dropdown classique.

  • Type de champ, ID et visibilité : la section supérieure affiche le type de champ, un ID modifiable et les options Required, Admin-only et Invisible, les mêmes commandes que pour tous les types de champs.

  • Choices : ajoutez, modifiez, réorganisez ou supprimez des options avec le même éditeur de choix que pour le champ Dropdown.

  • Default answers : présélectionnez un ou plusieurs choix pour les répondants, avec le même comportement de sélection multiple qu’un champ Multi choice.

  • Shuffle choices : activez cette option pour présenter les options dans un ordre aléatoire à chaque répondant, ce qui est utile pour réduire le biais d’ordre dans les enquêtes.

  • Min. selectable options : le nombre minimum de choix qu’un répondant doit sélectionner avant de soumettre.

  • Max. selectable options : le nombre maximum de choix qu’un répondant est autorisé à sélectionner. Laissez le minimum ou le maximum vide pour ne pas le limiter.

  • Insert : utilisez la zone d’insertion groupée pour coller toute votre liste d’options en une fois au lieu d’ajouter les choix un par un, comme pour tous les autres champs à choix.

  • Translate & Customize : modifiez ici les textes du champ, notamment le texte indicatif (« Click to select » par défaut), les états de recherche et d’absence de résultats, ainsi que les deux messages de validation pour les sélections minimale et maximale. Ces textes peuvent être traduits si votre formulaire est disponible en plusieurs langues.

Remarque : définir Max. selectable options sur 1 en fait l’équivalent d’un Dropdown à sélection unique, une configuration tout à fait valable si vous souhaitez l’interface de recherche sans autoriser plusieurs choix. Une option « Other » et les limites de réservation ou de disponibilité ne sont pas disponibles pour ce champ.

Vue du formulaire

Les répondants utilisent Multi-select Dropdown comme n’importe quel champ de saisie semi-automatique avec recherche. Rien n’est sélectionné au départ, mais dès qu’ils commencent à choisir, le champ s’organise pour qu’ils sachent toujours ce qu’ils ont déjà choisi et ce qui reste disponible.

  • Avant toute sélection, le champ affiche votre texte indicatif (par défaut « Click to select ») dans un déclencheur vide.

  • Cliquer sur le déclencheur ouvre une liste déroulante avec une zone de recherche en haut et chaque choix listé en dessous sous forme de ligne simple.

  • Dès qu’au moins un choix est sélectionné, la liste déroulante se réorganise en deux sections : une section Selected options en haut, qui liste tout ce que le répondant a déjà choisi, et une section All options en dessous, qui liste tout ce qui reste disponible.

  • Saisir du texte dans la barre de recherche filtre en temps réel les sections Selected options et All options : les longues listes restent faciles à affiner.

  • Chaque choix sélectionné apparaît aussi sous forme de puce dans le déclencheur lui-même, à l’emplacement du texte indicatif, avec son propre bouton ×.

  • Supprimer une sélection est possible depuis les deux emplacements : cliquer sur × sur une puce du déclencheur, ou sur × sur une ligne de la section Selected options, la désélectionne immédiatement.

  • La validation intervient à la soumission. En dessous du minimum, le message min_error s’affiche dans le champ. Toute tentative de dépasser le maximum bloque directement la sélection et affiche le message max_error avant que le répondant puisse ajouter un autre choix.

Les choix restent simples et sans couleur dans toute la vue du formulaire, quel que soit le nombre de couleurs attribuées dans le bloc de données. La couleur est une notion propre au bloc de données, et l’expérience du formulaire est identique sur ordinateur et sur mobile.

Logique

Multi-select Dropdown peut servir à la fois de source et de cible pour les règles de logique conditionnelle, comme Multi choice. Vous pouvez donc déclencher une règle en fonction des choix d’une personne, ou utiliser la logique pour attribuer automatiquement une valeur à ce champ.

  • Les conditions de déclenchement prises en charge sont is, is not et is answered.

  • Une seule option peut être définie comme valeur de déclenchement à la fois, même si le champ lui-même autorise plusieurs sélections.

💡 Vous souhaitez que votre formulaire affiche, masque, ignore ou rende obligatoires des champs en fonction de la réponse précédente ? Qu’est-ce que la logique dans Formaloo est le guide de référence, et comment ajouter une logique avancée à votre formulaire explique comment créer la règle dans le panneau des paramètres du formulaire, à droite de l’éditeur.

Reprise des réponses

Multi-select Dropdown prend en charge la reprise des réponses comme tous les autres champs : vous pouvez intégrer directement les choix d’un répondant dans un e-mail, un PDF ou un autre champ plus loin dans le formulaire.

  • La valeur reprise est une chaîne de libellés séparés par des tirets, dans l’ordre où le répondant les a choisis, par exemple : Minimal & Clean - Dark Mode / Sleek - Vibrant & Colorful.

  • Si rien n’a été sélectionné, la valeur reprise est vide : rien n’est stocké ni affiché.

  • L’ID du champ apparaît dans le menu de reprise @ partout où la reprise est prise en charge, notamment dans l’éditeur de formulaire, l’Email Editor et le PDF Editor.

💡 Vous souhaitez reprendre les réponses d’un répondant dans des questions, e-mails ou PDF ultérieurs ? Comment utiliser la reprise des réponses dans Formaloo présente les bases de @field_id, et la référence complète des variables liste toutes les variables prises en charge.

Bloc de données et filtres

Dès que les réponses arrivent, ce champ apparaît dans votre bloc de données de la même façon que Multi choice, avec en plus la possibilité de rechercher et de limiter les sélections lors de la saisie. Voici ce qui change entre le formulaire et le bloc de données, et ce qui reste identique.

  • Affichage des réponses : chaque choix sélectionné apparaît sous forme de pastille colorée dans la ligne de réponse, avec la même interface que celle des champs Multi choice. Les couleurs sont attribuées dans les paramètres de votre bloc de données ; aucune configuration distincte n’est nécessaire pour ce champ.

  • Fonctionnement des filtres : cliquer sur une pastille filtre le tableau pour n’afficher que les enregistrements qui incluent ce choix. Vous pouvez cliquer sur plusieurs pastilles pour combiner les filtres, et la logique sous-jacente est exactement celle du filtrage Multi choice : rien ne change parce que les répondants ont utilisé la recherche pour trouver leur réponse.

  • Ce qui n’est pas pris en charge : le tri selon ce champ et le regroupement selon ce champ dans un tableau Kanban. Ces deux fonctions ne sont pas disponibles, car un champ à valeurs multiples ne correspond pas à une seule position de tri ni à une seule colonne Kanban.

  • Graphique : le graphique du champ est un histogramme qui indique combien de fois chaque option a été choisie sur l’ensemble des réponses, le même type de graphique que celui déjà utilisé pour Multi choice.

💡 Vous souhaitez voir uniquement les soumissions importantes du moment ? Comment trier et filtrer les données de vos soumissions présente toutes les options de filtrage de votre bloc de données.

Export et intégrations

Multi-select Dropdown est conçu pour se comporter exactement comme Multi choice partout où ses données quittent Formaloo, qu’il s’agisse d’un tableur, d’une importation ou d’un outil tiers. Vous ne devriez rien avoir à modifier en aval simplement parce que vous avez changé de type de champ.

  • Export CSV et Excel : les choix sélectionnés sont exportés sous forme de chaîne séparée par des tirets, exactement au même format que la valeur de reprise des réponses.

  • Importation : prise en charge, avec ce même format séparé par des tirets pour réassocier les sélections au champ.

  • Webhooks, Zapier et Make : la valeur du champ dans la charge utile est la chaîne des libellés sélectionnés séparés par des tirets : les automatisations existantes conçues pour les champs Multi choice fonctionnent sans reformatage.

  • Renommer un choix alors que des réponses existent : le nouveau libellé s’applique partout, y compris aux réponses existantes dans lesquelles il était déjà sélectionné.

  • Supprimer un choix alors que des réponses existent : il est retiré de toutes les réponses existantes dans lesquelles il était sélectionné, ainsi que de partout où il apparaissait.

Ce dont vous disposez maintenant

Vous disposez désormais d’un moyen compact et avec recherche permettant aux répondants de choisir plusieurs options sans faire défiler une longue liste de cases à cocher. Les sélections sont validées selon vos limites minimale et maximale, sont transmises proprement aux e-mails, PDF et exports sous forme de chaîne séparée par des tirets, et apparaissent dans votre bloc de données sous forme de pastilles colorées filtrables. C’est un petit changement au niveau du champ qui supprime un véritable contournement auquel votre équipe et vos répondants n’ont plus à penser.

Et ensuite ?

Modèles prêts à l’emploi

Inutile de partir de zéro : nous l’avons déjà préparé pour vous.

Formulaire de qualification et de scoring de leads par IA : collecte les demandes de démo et attribue un score aux leads grâce à l’IA. Remplacez le champ d’intérêt ou de cas d’usage par un Multi-select Dropdown pour permettre aux prospects de choisir plusieurs produits sans surcharger le formulaire.

Système d’inscription et de billetterie pour événements : gère les inscriptions, la capacité et les confirmations d’un événement. Utilisez un Multi-select Dropdown pour les préférences de sessions ou d’ateliers lorsque les participants peuvent en choisir plusieurs.

Workflow de suivi des candidats : suit les candidats à chaque étape du recrutement. Un Multi-select Dropdown convient parfaitement à un champ de compétences ou de certifications avec recherche dans le formulaire de candidature.

Vous n’avez pas encore de formulaire ? Créez-en un en quelques secondes avec le Form Creation Agent : décrivez ce dont vous avez besoin et Formaloo crée le formulaire pour vous.

Autres tutoriels

Avez-vous trouvé la réponse à votre question ?

Articles connexes

Centre d'aide