# Comment gérer plusieurs formulaires Webflow avec Make (Integromat) ? Tutoriel3 minPublié le Oct 07, 2021Dernière mise à jour le ![Module webflow sur Make (Integromat) avec une femme qui tient une roue outil](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125154d48fc9e6ec5f3cfc_64760069e93084646c9eedd1_615e977ab13a92a8ae6a9e22_614f693f7a9f1a70cd749556_OPENGRAPH%25252520formulaires%25252520webflow%25252520multiples.png)Sommaire [ Copied](#)[ ](#)[ ](#)[ ](#) - [H2 Example](#) Résumez cet article avec une IA[ ChatGPT](#)[ Claude](#)[ Grok](#)[ Perplexity](#)[ Google AI](#)Points clés de l'article‍ Il existe plusieurs [types de formulaires Webflow](/fr/blog/formulaires-web-sur-webflow) à vos outils. Plus vous intégrerez de formulaires web à votre site, plus vous devrez gérer de données. Cela peu donc très vite devenir une charge pour vous et vos équipe. C'est là que vous trouverez un itérer à automatiser votre site Webflow. Le but va être de relier l'ensemble des données issues de votre site web à vos outils d'entreprise. Cela peut être des outils RH, outils commerciaux CRM, outils produits, etc. Il existe plusieurs techniques pour relier votre site web à vos outils no-code et low-code et nous utilisons ici celle de l'outil d'automatisation : Comment connecter plusieurs formulaires [Webflow avec Make (Integromat)](/fr/blog/connecter-webflow-make-integromat) ? Dans cet exemple le but va être de gérer les données de 3 formulaires différents pour envoyer un message personnalisé à nos équipes. Nous utiliserons pour cela l'outil d'automatisation Make (Integromat) avec les modules Webflow et Slack. ## 1 - Ajoutez le module Webflow Ajoutez le module [Webflow](/fr/webflow) à [Make](/fr/tools/make-integromat) (Integromat) pour commencer votre automatisation. ![Ajout du module Webflow dans l'interface integromat](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671250c466b04be5d073ef03_64760069e93084646c9eeddb_615e9779cc213113ca6ec78a_614f5f756120929f28db1aea_94753e9b0b782adf3bdda7ac982fada48b6789d6ac0ae8522826ba84bf6e89ffbd9f0f996c1675e92c1c21b7091bedcb908ad2bdbd0de9325f28dcc50aaf53bba2da7225414657d9fada446318d134f81e6bba9eec7672c8debe8b4f2e2775d1b839471e.png)Module Webflow dans Make (Integromat) ## 2 - Choisissez le déclencheur “Watch Event” Ce webhook instantané va vous permettre de recevoir les données dès la soumission d’un nouveau formulaire. ![Ajout d'un déclencheur de type webhook pour le module webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671250c466b04be5d073eef2_64760069e93084646c9eedde_615e977933d15ed97be04337_614f5f759155ec17a0eee001_9b4872bf99a61039fdbd91b023ae08501a2f9ea508dcd9f96faaca0f8876b9404f0ba510fedb6ed62394fb1d1f8dc69747465d019708ab8c9e34b79029cacc53c2e3a0c0e643c5350d5ef0dbdde6504b8580a5388dd52df322b3a39456bf99225d66c61f.png)Déclencheur webhook ## 3 - Ajoutez votre site Webflow Vous devez connecter Webflow à Integromat en sélectionnant le bon projet. ![Sélection du projet webflow dans l'interface d'automatisation Integromat](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671250c466b04be5d073ef08_64760069e93084646c9eedd6_615e9779d84fe1be74a91494_614f5f75caf5b77ae2f4194e_318fd376a9ec51e76ceb44ec84cdd27ffa2e47cc6adb523321a8893f83e023a089bcc16250d0f6af181e78843af20ad42dfc376d815eb7df28545e7deb18ec9b07f21bff83a6ae8dbac24435efca0ee71e8a92a4a82e94c66eaab1c81d67493fe51141c5.png)Choix du site web Webflow ## 4 - Ajoutez un premier module Slack Vous allez maintenant connecter Slack à Make (Integromat). Ajoutez un nouveau module [Slack](/fr/tools/slack) et sélectionnez comme action “create a message”. L’objectif est d’envoyer un message personnalisé sur un chanel précis. ![Ajout du module slack dans l'interface d'automatisation Integromat](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671250c466b04be5d073ef0b_64760069e93084646c9eedd9_615e9779a3b83b8282606e44_614f5f7596264c14c7b3ef17_b5164779489205fd7abed5f1e988a9fec36f3b198b718fdd5696f9797994e6f5bdb523458d5529b465395520287cbc86da85ff5621eeff9c5119cd22151803b4e8e00c6adcdcaed2c483faba5f2698f809fca99230c29bf405cbb7c655678c37994de3db.png)Module Slack ## 5 - Paramétrez le premier module Slack Sélectionnez le type de canal utilisé puis le canal ou la personne à qui vous allez envoyer le message. ![Choix du type de canal Slack utilisé pour l'automatisation Integromat](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671250c466b04be5d073eefc_64760069e93084646c9eedda_615e977a2f4781e64d5a42bb_614f5f75a58d4bf674b6644b_e431cc8396450584fd271c88e56b573043c4d4051a2d16cce29f883b9b3c3f7206df864eab7ac96f6c995f6083aa3400486af929c68f731aad3b8df27f7e402bc34e4c9f1bb419e86250e1fe8053672692e5c0759cb7dac2900e28f3c46e34c36182b23a.png)Canal Slack ## 6 - Envoyez les données de votre premier formulaire Il est maintenant temps d’envoyer les premières données à votre webhook Webflow. Pour cela, faite un clic droit sur le module webflow et cliquez sur “Run this module only”. Allez ensuite sur votre site Webflow et remplissez un premier formulaire. > Attention 🚨 Chaque formulaire Webflow doit avoir un nom unique pour être bien identifié ![Bouton pour lancer le module webflow depuis l'epace de travail integromat](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671250c466b04be5d073ef17_64760069e93084646c9eeddd_615e977928064715751f80b1_614f5f75d223a124791cbaae_13cfc443de6073b0698eb26687273b0e4aa8f4e7e5b4c1e1e7da5b720de8ff85faf8f2134d6717b31381b88c8aba5da329b132d3c82fe4ea7f24706ac5eab2432a159cebae4ebe5ae56cb975718a4cab4ef1ecc78d774de29c87b14ca501a9222bcc48a9.png)Récupération des données dans le webhook ## 7 - Filtrez votre premier formulaire Le système de filtrage Make (Integromat) est extrêmement puissant, et c’est lui qui va nous permettre d'identifier les différents formulaire. L’objectif ici est donc de dissocier vos formulaires pour ne pas mélanger les données.  Pour filtrer, cliquer sur la liaison entre les deux modules. ![Clé pur ajouter un système de filtrage à l'automatisation Integromat](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125156d48fc9e6ec5f408a_64760069e93084646c9eedd5_615e977970eacc65ea7bf2af_614f62d314112085db96061a_Etape%252525207%25252520-%25252520Multiformulaires%25252520Webflow.png)Ajout d'un filtre ## 8 - Renommez votre filtre Il est important d’identifier chaque filtre en les renommant. Nous vous conseillons pour cela d’appeler le filtre par le nom de votre formulaire. Une fois tous vos formulaires ajoutés vous pourrez ainsi facilement repérer les automatisations propres à chacun d’entre eux. ![Espace pour renommer le filtre depuis l'espace de travail Integromat](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125156d48fc9e6ec5f408d_64760069e93084646c9eedd7_615e9779af3a062bbc5f8dcd_614f6314739fea146483b1ce_Etape%252525208%25252520-%25252520Multiformulaire%25252520Webflow.png)Renommer son filtre ## 9 - Ajoutez une condition de filtrage Le filtrage permet d’indiquer à Make (Integromat) de prendre en compte les données uniquement dans certains cas. Ici, nous demanderons au webhook de faire passer les données si et seulement si il s’agit du premier formulaire. Voici comment procéder : ### Ajout d'une balise nom de formulaire Dans la première ligne : ajoutez la balise "name" de votre formulaire webflow. La balise "name" permettra d'indiquer au filtre de quel formulaire il s'agit, et ainsi de le rediriger vers le bon endroit de la chaine d'automatisation. C'est la raison pour laquelle il est important que chaque formulaire est un nom unique. ![Ajout d'une balise nom dans le système de filtrage Integromat](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6723a736f9507cb18469c34d_64760069e93084646c9eeddf_615e977acc2131bc0e6ec78b_614f63755e3fbf49d46f9547_Etape%252525209.1%25252520-%25252520Miltuformulaires%25252520Webflow.png)Ajout d'une balise "name" ### Ajout d'un type de filtrage Sélectionnez une condition “Equal to” de type “Text operators”. Celle-ci indique au filtre qu'il faudra que le contenu texte de la balise "name" corresponde exactement au formulaire indiqué pour cette partie de la chaine. ![Ajout d'un type de filtrage text "equal to"](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125156d48fc9e6ec5f4087_64760069e93084646c9eedd8_615e977afa43170bd8379a3e_614f63f960e32c4862a804bf_Etape%252525209.2%25252520-%25252520Miltuformulaires%25252520Webflow.png)Type de filtrage "Equal to" ### Ajout d'une condition de filtrage Indiquez le nom de votre formulaire pour que le filtre envoie uniquement les données de ce formulaire vers cette partie de l'automatisation. ![Ajout du nom du formulaire dans le système de filtrage integromat ](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125156d48fc9e6ec5f4084_64760069e93084646c9eeddc_615e977ab8243a856666adb9_614f645f414558cd4cb65e6d_Etape%252525209.3%25252520-%25252520Miltuformulaires%25252520Webflow.png)Condition de filtrage ## 10 - Balisez les modules suivants Vous pouvez maintenant baliser les modules suivants avec les données du premier formulaire. Nous paramétrons ici le message personnalisé dans Slack. ![Ajout des différentes balises webflow dans le module slack sur l'espace de travail Integromat.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125156d48fc9e6ec5f4092_64760069e93084646c9eede0_615e977afa431731e2379a3f_614f68884cb20213a1c3282f_Etape%2525252010%25252520-%25252520Multiformulaires%25252520Webflow.png)Balisage des modules suivant de la chaine ## 11 - Ajoutez d’autres modules Maintenant que votre premier formulaire est filtré pour prendre un chemin précis et s’adresser à une certaine partie de la chaine, vous pouvez recommencer cette opération avec d’autres formulaires : ### 1 - Ajoutez un autre module ### 2 - Faites tourner le webhook Webflow ### 3 - Remplissez un autre formulaire ### 4 - Filtrez à l’entrée du workflow avec le nom du nouveau formulaire ### 5 - Balisez les modules suivants ![Chaine d'automatisation avec formulaires Webflow multiples sur l'espace de travail Integromat ](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125156d48fc9e6ec5f4081_64760069e93084646c9eedd4_615e977adc1d8c56b1b7d789_614f68c85bd34c0421931904_Etape%2525252011%25252520-%25252520Multiformulaires%25252520Webflow.png)Automatisation avec formulaires multiples Webflow[ ](#)![Thomas Labonne](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a45970e82f1635d9e4d7f_thomas-website%20(1).webp)Thomas LabonneCo-fondateur[ ](/fr/team/thomas-labonne)[ ](https://fr.linkedin.com/in/thomas-labonne-digidop)[ ](#)+1200 lecteurs ## Restez informé(e) Abonnez-vous à notre newsletter pour des conseils et actus exclusives. [S'inscrire ](https://digidopfr.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Prévisualiser la Newsletter ](https://digidopfr.substack.com/) ## Articles qui devraient vous intéresser ![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab92cc629d6018592f49d92_Best%20B2B%20SaaS%20Agencies%20in%202026_FR.webp)DocumentationTout voir ### Top 20 meilleures agences web et digitales pour SaaS B2B en 2026 [Top 20 meilleures agences web et digitales pour SaaS B2B en 2026](/fr/blog/top-agences-b2b-saas)Top 20 meilleures agences web et digitales pour SaaS B2B en 2026![Interface Webflow Source montrant les agents IA, l’édition de site et les Views par métier dans un espace de travail unifié.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDéveloppementTout voir ### Webflow lance Source. Notre avis sur ce shift. [Webflow lance Source. Notre avis sur ce shift.](/fr/blog/webflow-lance-source)Webflow lance Source. Notre avis sur ce shift.![Taux de citation par plateforme IA : ChatGPT 100 %, Perplexity 100 %, Gemini 67 % et Claude 0 %.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationIATout voir ### Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA [Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA](/fr/blog/comment-rendre-son-site-visible-chatgpt-perplexity-et-moteurs-ia)Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA[Voir tous les articles ](/fr/blog)Les meilleurs projets web commencent par une conversation[Discuter avec un expert ](/fr/contact)[Réserver un appel ](/fr/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)