Better in English?
Better in English? Switch the website language for a better experience.
Webflow vient de déployer une nouveauté discrète mais terriblement pratique dans le Designer : le split attributes on paste. Concrètement, quand vous ajoutez un attribut personnalisé à un élément, vous pouvez désormais coller directement une chaîne complète au format name=value. Webflow s'occupe de tout séparer proprement dans les deux champs prévus à cet effet.
Fini le copier-coller en deux temps, fini le risque d'oublier un guillemet ou un signe égal mal placé. Vous copiez, vous collez, c'est réparti automatiquement.
Avant cette mise à jour, ajouter un attribut personnalisé demandait de copier le nom d'un côté, la valeur de l'autre, puis de les coller un par un dans les bons champs. Un geste anodin, mais répété des dizaines de fois sur un projet un peu dense (intégrations Finsweet, scripts tiers, attributs ARIA, tracking analytics), ça finit par peser sur le temps de production.
Autre point non négligeable : la validation automatique. Si l'attribut collé est un doublon ou contient des caractères non autorisés, Webflow affiche un message d'erreur clair immédiatement. Vous repérez le problème avant qu'il ne se glisse en production, pas après.
| Avant la mise à jour | Avec split attributes on paste |
|---|---|
| Copier le nom, coller, copier la valeur, coller | Un seul copier-coller, tout se répartit |
| Risque d'erreur de frappe ou de syntaxe | Validation automatique avec message d'erreur clair |
| Perte de temps sur les projets à nombreux attributs | Gain de temps cumulé sur toute la durée du projet |
On ne va pas vous mentir : ce n'est pas la fonctionnalité qui va révolutionner votre façon de designer sur Webflow. Mais c'est exactement le genre de détail qu'on adore chez Mazette.co, parce qu'il traduit une philosophie produit qui nous parle : optimiser les irritants du quotidien, même minuscules.
Sur nos projets, les attributs personnalisés sont omniprésents. Que ce soit pour paramétrer des Finsweet Attributes, déclencher des animations sur mesure, ou connecter un script tiers, on manipule ces champs en permanence. Chaque seconde gagnée sur une tâche répétée des centaines de fois par an, ça se transforme en vraies heures récupérées sur l'année.
La validation automatique nous plaît tout autant. Sur des sites à fort trafic ou des projets avec plusieurs designers qui interviennent sur le même fichier, les doublons d'attributs ou les typos sont une source d'erreurs sournoise, difficile à détecter tant qu'un bug ne se manifeste pas côté front. Là, l'erreur est signalée au moment même où elle se produit.
Ce n'est pas la fonctionnalité qui fait la une, mais c'est exactement le type d'amélioration qui, cumulée à d'autres, fait toute la différence sur la vitesse de production d'une agence.
Notre seul bémol : ça reste un ajustement de confort, pas une nouveauté structurante. On aimerait voir Webflow pousser plus loin ce genre de logique d'automatisation intelligente sur d'autres champs répétitifs du Designer (classes, variables, interactions). Mais on prend, avec plaisir.
Si vous voulez voir comment ce type de détail technique s'intègre dans une méthode de production plus large, jetez un œil à notre méthode ou à notre expertise Webflow.
Code
Plus de 180 entreprises sont déjà sorties de l'obscurité à nos côtés.
Depuis août 2026, il suffit de copier une chaîne complète au format name=value et de la coller dans le champ attribut du Designer Webflow. Le nom et la valeur se répartissent automatiquement dans les deux champs correspondants, sans avoir à les saisir séparément.
Oui. La fonctionnalité inclut une validation automatique au moment du collage. Si l'attribut est un doublon ou contient des caractères invalides, un message d'erreur clair s'affiche immédiatement pour vous permettre de corriger avant publication.
Tout à fait, c'est même l'un des cas d'usage les plus fréquents. Les attributs Finsweet ou les data-attributes de librairies JS externes se copient souvent en un seul bloc depuis la documentation, et ce nouveau comportement de collage évite toute erreur de recopie manuelle.
