Il existe plusieurs types de formulaires 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) ? 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 à Make (Integromat) pour commencer votre automatisation.
![Ajout du module Webflow dans l'interface integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eeddb_615e9779cc213113ca6ec78a_614f5f756120929f28db1aea_94753e9b0b782adf3bdda7ac982fada48b6789d6ac0ae8522826ba84bf6e89ffbd9f0f996c1675e92c1c21b7091bedcb908ad2bdbd0de9325f28dcc50aaf53bba2da7225414657d9fada446318d134f81e6bba9eec7672c8debe8b4f2e2775d1b839471e.png)
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/64760069e93084646c9ee428/64760069e93084646c9eedde_615e977933d15ed97be04337_614f5f759155ec17a0eee001_9b4872bf99a61039fdbd91b023ae08501a2f9ea508dcd9f96faaca0f8876b9404f0ba510fedb6ed62394fb1d1f8dc69747465d019708ab8c9e34b79029cacc53c2e3a0c0e643c5350d5ef0dbdde6504b8580a5388dd52df322b3a39456bf99225d66c61f.png)
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/64760069e93084646c9ee428/64760069e93084646c9eedd6_615e9779d84fe1be74a91494_614f5f75caf5b77ae2f4194e_318fd376a9ec51e76ceb44ec84cdd27ffa2e47cc6adb523321a8893f83e023a089bcc16250d0f6af181e78843af20ad42dfc376d815eb7df28545e7deb18ec9b07f21bff83a6ae8dbac24435efca0ee71e8a92a4a82e94c66eaab1c81d67493fe51141c5.png)
4 - Ajoutez un premier module Slack
Vous allez maintenant connecter Slack à Make (Integromat). Ajoutez un nouveau module 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/64760069e93084646c9ee428/64760069e93084646c9eedd9_615e9779a3b83b8282606e44_614f5f7596264c14c7b3ef17_b5164779489205fd7abed5f1e988a9fec36f3b198b718fdd5696f9797994e6f5bdb523458d5529b465395520287cbc86da85ff5621eeff9c5119cd22151803b4e8e00c6adcdcaed2c483faba5f2698f809fca99230c29bf405cbb7c655678c37994de3db.png)
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/64760069e93084646c9ee428/64760069e93084646c9eedda_615e977a2f4781e64d5a42bb_614f5f75a58d4bf674b6644b_e431cc8396450584fd271c88e56b573043c4d4051a2d16cce29f883b9b3c3f7206df864eab7ac96f6c995f6083aa3400486af929c68f731aad3b8df27f7e402bc34e4c9f1bb419e86250e1fe8053672692e5c0759cb7dac2900e28f3c46e34c36182b23a.png)
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/64760069e93084646c9ee428/64760069e93084646c9eeddd_615e977928064715751f80b1_614f5f75d223a124791cbaae_13cfc443de6073b0698eb26687273b0e4aa8f4e7e5b4c1e1e7da5b720de8ff85faf8f2134d6717b31381b88c8aba5da329b132d3c82fe4ea7f24706ac5eab2432a159cebae4ebe5ae56cb975718a4cab4ef1ecc78d774de29c87b14ca501a9222bcc48a9.png)
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/64760069e93084646c9ee428/64760069e93084646c9eedd5_615e977970eacc65ea7bf2af_614f62d314112085db96061a_Etape%2525207%252520-%252520Multiformulaires%252520Webflow.png)
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/64760069e93084646c9ee428/64760069e93084646c9eedd7_615e9779af3a062bbc5f8dcd_614f6314739fea146483b1ce_Etape%2525208%252520-%252520Multiformulaire%252520Webflow.png)
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/64760069e93084646c9ee428/64760069e93084646c9eeddf_615e977acc2131bc0e6ec78b_614f63755e3fbf49d46f9547_Etape%2525209.1%252520-%252520Miltuformulaires%252520Webflow.png)
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/64760069e93084646c9ee428/64760069e93084646c9eedd8_615e977afa43170bd8379a3e_614f63f960e32c4862a804bf_Etape%2525209.2%252520-%252520Miltuformulaires%252520Webflow.png)
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/64760069e93084646c9ee428/64760069e93084646c9eeddc_615e977ab8243a856666adb9_614f645f414558cd4cb65e6d_Etape%2525209.3%252520-%252520Miltuformulaires%252520Webflow.png)
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/64760069e93084646c9ee428/64760069e93084646c9eede0_615e977afa431731e2379a3f_614f68884cb20213a1c3282f_Etape%25252010%252520-%252520Multiformulaires%252520Webflow.png)
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/64760069e93084646c9ee428/64760069e93084646c9eedd4_615e977adc1d8c56b1b7d789_614f68c85bd34c0421931904_Etape%25252011%252520-%252520Multiformulaires%252520Webflow.png)
Prêt(e) à avoir un site qui convertit ?
Améliorer votre visibilité en ligne grâce à l’experience, l’excellence et la réactivité de Digidop !