Better in English?
Better in English? Switch the website language for a better experience.
Il y a des fonctionnalités qui font la une, et d'autres qui règlent simplement un problème que tout le monde connaît sans jamais oser s'en plaindre. La création en masse d'options pour les champs select de formulaire appartient clairement à cette deuxième catégorie. Webflow vient de l'ajouter, et honnêtement, on se demande comment on a fait sans jusqu'ici.
Avant cette mise à jour, ajouter une liste déroulante avec tous les pays du monde, tous les secteurs d'activité ou toutes les tranches de budget d'un formulaire de contact relevait du parcours du combattant. Il fallait cliquer sur "ajouter une option", taper le texte, valider, recommencer. Autant dire un calvaire dès que la liste dépassait dix éléments.
Cette tâche, en apparence anodine, générait un vrai coût caché en heures de production, souvent invisible dans les devis, mais bien réel dans le quotidien des équipes.
Le principe est simple, et c'est justement ce qui en fait une bonne nouvelle. Vous pouvez désormais coller une liste entière d'options directement dans le champ select, avec quelques règles à respecter :
Petit bonus qui change tout au quotidien : les données copiées depuis un tableur (Google Sheets, Excel) arrivent au format tabulation et fonctionnent nativement, sans reformatage préalable. Pratique quand la liste des options vient d'un fichier client transmis en amont du projet.
| Avant la mise à jour | Avec la création en masse |
|---|---|
| Ajout manuel option par option | Collage direct d'une liste complète |
| Pas de gestion native texte/valeur simultanée | Séparation texte/valeur via une simple virgule |
| Reformatage nécessaire depuis un tableur | Compatible directement avec le copier-coller Excel/Sheets |
| Erreurs difficiles à repérer dans une longue liste | Ligne en erreur signalée automatiquement |
On ne va pas se mentir : ce n'est pas la fonctionnalité qui va faire vibrer les réseaux sociaux. Et pourtant, c'est exactement le genre de mise à jour que l'on attend depuis longtemps chez Mazette.co.
Sur nos projets clients, les formulaires ne sont jamais un détail. Un formulaire de devis avec un menu déroulant "secteur d'activité" mal configuré, ou une liste de pays approximative, ça impacte directement la qualité des leads récoltés. Et jusqu'ici, chaque option ajoutée à la main était une occasion de plus de faire une faute de frappe ou d'oublier un élément.
Cette mise à jour ne change pas la donne visuellement, mais elle change clairement la donne en production. C'est exactement le type d'amélioration qui compte dans le temps facturé à nos clients.
Ce que l'on apprécie particulièrement : la compatibilité native avec les données copiées depuis un tableur. Beaucoup de nos clients nous transmettent leurs contenus formulaires via Google Sheets, notamment pour les listes longues (pays, catégories produits, tranches tarifaires). Ne plus avoir à reformater ces données avant de les intégrer, c'est un vrai gain de fluidité dans notre méthode de production.
Notre seul bémol ? On aurait aimé que Webflow pousse le raisonnement plus loin, en permettant par exemple d'importer directement une liste depuis une source externe (API, feuille de calcul connectée) plutôt qu'un simple copier-coller statique. Mais pour une fonctionnalité de confort, on ne va pas bouder notre plaisir.
Si vous gérez un site Webflow avec des formulaires un peu complexes (candidature, devis, inscription à un événement avec plusieurs choix), cette mise à jour vous fait gagner un temps précieux. Et du temps gagné en production, c'est aussi du budget mieux investi sur ce qui compte vraiment : le design, l'expérience utilisateur, la performance marketing de votre site.
Chez Mazette.co, on intègre ce type d'amélioration dans notre veille continue sur l'écosystème Webflow, au même titre que les évolutions autour du AEO ou des bonnes pratiques SEO sur Webflow. Ce sont souvent ces petits détails, additionnés les uns aux autres, qui font la différence entre un site "correct" et un site vraiment bien exécuté.
Envie d'un site Webflow pensé jusque dans les moindres détails, formulaires compris ? Parlons-en ensemble.
Code
Plus de 180 entreprises sont déjà sorties de l'obscurité à nos côtés.
Il suffit de sélectionner le champ select dans le Designer, d'ouvrir son panneau de configuration, puis de coller directement une liste d'options séparées par des retours à la ligne. Webflow crée automatiquement chaque option, sans avoir à cliquer sur "ajouter" à chaque fois.
Oui, c'est justement l'un des points forts de cette mise à jour. Les données copiées depuis un tableur arrivent au format tabulation, et Webflow les interprète nativement sans reformatage préalable.
Le texte affiché est ce que voit l'utilisateur dans la liste déroulante, tandis que la valeur est la donnée réellement transmise lors de la soumission du formulaire. Pour les différencier lors d'un ajout en masse, il suffit de séparer les deux par une virgule, par exemple "United Kingdom, UK". Si aucune valeur n'est précisée, Webflow utilise automatiquement le texte comme valeur.
