Dans cet exemple nous allons vous montrer comment connecter un formulaire webflow à Airtable avec Make (Integromat)
Vidéo : tutoriel pour connecter Webflow et Airtable avec Integromat
1 - Ajoutez un module Webflow
Connectez votre compte Webflow à Make (Integromat) en ajoutant un nouveau module.
Module Webflow
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.
Déclencheur / Trigger
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.
Envoi de données au webhook
4 - Reliez un module Airtable
Une fois les données reçues, ajouter un nouveau module Airtable et connectez le à Webflow.
Module Airtable
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 Airtable
6 - Ajoutez un compte Airtable
Ajoutez un nouveau compte Airtable en cliquant sur “add”.
Nouveau compte Airtable
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.
Nouvelle connexion Airtable
7.2 Allez dans les paramètres Airtable
Allez dans les paramètres de votre compte Airtable pour retrouver votre clé API.
Paramètre Airtable
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).
Clé API Airtable
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.
Insérer l'API
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.
Choix de la base Airtable
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.
Choix d'une table
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.
Balisage des champs
💡 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.

.webp)
