Dans cet exemple nous allons vous montrer comment connecter un formulaire webflow à Airtable avec Make (Integromat)
1 - Ajoutez un module Webflow
Connectez votre compte Webflow à Make (Integromat) en ajoutant un nouveau module.
![Ajout d'un module Webflow de l'interface d'automatisation Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eed26_615e977505b27c538db56b83_614995541990305d2c6b014c_Etape%2525202%252520-%252520Webflow%252520Integromat%252520.jpg.png)
2 - Choisissez un déclencheur
Le déclencheur est la première étape de votre chaine d’automatisation. Nous sélectionnerons dans cet exemple un déclencheur par webhook de type "Watch Events" afin que la chaine d’automatisation se lance dès la réception de nouvelles données. Ces données seront issues d'un formulaire de contact Webflow.
![Selection d'une action "Watch Events" depuis le module Webflow de Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eedde_615e977933d15ed97be04337_614f5f759155ec17a0eee001_9b4872bf99a61039fdbd91b023ae08501a2f9ea508dcd9f96faaca0f8876b9404f0ba510fedb6ed62394fb1d1f8dc69747465d019708ab8c9e34b79029cacc53c2e3a0c0e643c5350d5ef0dbdde6504b8580a5388dd52df322b3a39456bf99225d66c61f.png)
3 - Envoyez les données au webhook
L’objectif est d’indiquer au webhook quel type de données il devra par la suite traiter et faire suivre au reste de la chaine d’automatisation. Pour cela, vous devez lancer le déclencheur “Watch Event” en faisant un clic droit sur le module puis “Run this module only”. Retournez ensuite dans votre site web, et remplissez un formulaire web pour envoyer les données au trigger.
![Bouton "Run" du module webflow sur le tableau de board Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eedeb_615e977b52a36f081e7af22f_615331f6c5beda05d2992b41_Etape%2525203%252520-%252520Connecter%252520Webflow%252520et%252520Airtable%252520avec%252520Integromat.png)
4 - Reliez un module Airtable
Une fois les données reçues, ajouter un nouveau module Airtable et connectez le à Webflow.
![Connexion du module Airtable avec le module Webflow dans Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eede2_615e977bd84fe17071a91497_61533259c5beda3213998a3d_Etape%2525204%252520-%252520Connecter%252520Webflow%252520et%252520Airtable%252520avec%252520Integromat.png)
5 - Choisissez une action
Vous disposez de tout un tas d’actions à effectuer dans votre base Airtable grâce à Integromat. Vous pourrez facilement choisir d’ajouter, modifier, supprimer, regarder, récupérer des informations dans vos bases. Vous pourrez sélectionner des vues précises ajouter des formules ou encore des systèmes de filtrages pour gérer toutes ces actions.
Pour cet exemple, nous choisir d’ajouter une nouvelle ligne dans une vue, en cliquant sur “Create a Record”.
![Choix d'une action "create a record" pour le module Airtable depuis l'espace de travail Integromat.](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eede7_615e977bdc1d8c1ce7b7d78d_6153329f52e00e9716a3965f_Etape%2525205%252520-%252520Connecter%252520Webflow%252520et%252520Airtable%252520avec%252520Integromat.png)
6 - Ajoutez un compte Airtable
Ajoutez un nouveau compte Airtable en cliquant sur “add”.
![Bouton "Add" sur le module Airtable dans l'espace de travail Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eede4_615e977ba3b83b5ef1606e48_615332d3f9a283d43f7f9964_Etape%2525206%252520-%252520Connecter%252520Webflow%252520et%252520Airtable%252520avec%252520Integromat.png)
7 - Renseignez la clé API
Vous devez renseigner la clé API de votre compte Airtable afin de le relier à Make (Integromat). Nous diviserons cette étapes en quartes actions comme suis.
7.1 Renommez votre connexion avec le nom de votre compte Airtable
Renommer sa connexion est indispensable pour la suite de vos automatisations. En effet, vous pourrez être amené à connecter un compte différent que le votre par la suite.
![Espace pour renommer sa connexion Airtable depuis l'espace de travail Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eede8_615e977c2cb7a7393df72540_615333605436af067d4d2bc5_Etape%2525207.1%252520-%252520Connecter%252520Webflow%252520et%252520Airtable%252520avec%252520Integromat.png)
7.2 Allez dans les paramètres Airtable
Allez dans les paramètres de votre compte Airtable pour retrouver votre clé API.
![Bouton "account" dans l'espace de travail Airtable](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eede3_615e977b0d87770273447f4c_615333b772861f72723a377b_Etape%2525207.2%252520-%252520Connecter%252520Webflow%252520et%252520Airtable%252520avec%252520Integromat.png)
7.3 Copiez votre clé API
Copiez votre clé API masqué par des points. Cette clé vous permettra de vous identifier de manière unique dans Make (Integromat).
![Espace paramètre de l'interface Airtable avec focus sur le champ API](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eede9_615e977b04f3843d562716f3_615333f0d9d7627f2f617e20_Etape%2525207.3%252520-%252520Connecter%252520Webflow%252520et%252520Airtable%252520avec%252520Integromat.png)
7.4 Collez l'API dans Make (Integromat)
Collez votre clé API pour valider votre nouvelle connexion Airtable puis cliquez sur "Continue". Un pop-up va alors s'ouvrir pour vous demander les autorisations d'accès à votre nouveau compte Airtable. Acceptez les autorisations et passez à l'étape suivante.
![Espace pour renseigner sa clé API depuis l'espace de travail Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eede6_615e977cd84fe1fcf2a91498_61533449c177542801a20747_Etape%2525207.4%252520-%252520Connecter%252520Webflow%252520et%252520Airtable%252520avec%252520Integromat.png)
8 - Ajoutez une base
Vous disposez sans aucun doute de plusieurs bases dans Airtbale, vous permettant de gérer différent types de projets et données. L’idée serait pour cet exemple de sélectionner une base ou se trouve vos différents prospect ou clients. Sélectionnez dans la liste déroulante la base que vous voulez connecter à Webflow.
![Liste déroulante à choix multiple sur le module Airtable depuis l'espace de travail Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eede1_615e977b05b27c6cddb56bfc_6153351516aac5a5f75f3d8a_Etape%2525208%252520-%252520Connecter%252520Webflow%252520et%252520Airtable%252520avec%252520Integromat.png)
9 - Ajoutez une table
Une fois la base sélectionnée, vous devez maintenant choisir la table dans laquelle vous allez créer de nouvelles lignes. Cela vous donnera ensuite accès aux entêtes des colonnes de cette base pour l’étape de balisage.
![Ajout d'une table dans le moduel Airtable depuis l'espace de travail Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eedea_615e977cdea93a7a324aa28c_6153356414bb5668ab54d847_Etape%2525209%252520-%252520Connecter%252520Webflow%252520et%252520Airtable%252520avec%252520Integromat.png)
10 - Ajoutez un balisage
Vous pouvez maintenant remplir les champs de votre table avec les différentes données récupérées par le webhook Airtable. Faites correspondre les données et cliquez sur OK pour terminer a connexion avec Integromat.
![Remplissage du balisage de données dans le module Airtable depuis l'espace de travail Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eedec_615e977c04f3843ddc2716f4_6153359afd2ef422eaf35619_Etape%25252010%252520-%252520Connecter%252520Webflow%252520et%252520Airtable%252520avec%252520Integromat.png)
💡 Pensez à enregistrer l’automatisation. Integromat ne fait pas de sauvegardes automatiques 😕
Vous avez maintenant connecté votre formulaire Webflow à une base Airtable grâce à Integromat. Si vous ne disposez pas d'Integromat, une autre méthode aurait été d'embed un formulaire Airtable dans Webflow.
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 !