Voici comment connecter la messagerie instantanée Slack à Webflow en 15 étapes. Pour connecter Slack et Webflow nous utiliserons l'outil d'automatisation Make (Integromat)
Integromat est un outil d’automatisions no-code qui vous permettra de relier facilement Webflow à vos autres outils. Voici comment procéder pour relier un formulaire de contact simple à Make (Integromat).
1 - Connectez Webflow à Integromat
Voici comment connecter Webflow à Make (Integromat) très facilement.
![Module webflow sur le tableau de board Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eeddb_615e9779cc213113ca6ec78a_614f5f756120929f28db1aea_94753e9b0b782adf3bdda7ac982fada48b6789d6ac0ae8522826ba84bf6e89ffbd9f0f996c1675e92c1c21b7091bedcb908ad2bdbd0de9325f28dcc50aaf53bba2da7225414657d9fada446318d134f81e6bba9eec7672c8debe8b4f2e2775d1b839471e.png)
2 - Ajoutez un déclencheur “webhook”
Sélectionnez le déclencheur webhook “Watch Envents”. L’avantage du webhook est qu’il se déclenchera de manière instantanée des l’envoi d’un formulaire depuis le webflow. Contrairement aux autres déclencheur qui inspectent de manière temporelle (toutes les minutes, heures, jours, etc.) s’il faut déclencher ou non la chaine d’automatisation.
![déclencheur webflow sur le tableau de board Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eedde_615e977933d15ed97be04337_614f5f759155ec17a0eee001_9b4872bf99a61039fdbd91b023ae08501a2f9ea508dcd9f96faaca0f8876b9404f0ba510fedb6ed62394fb1d1f8dc69747465d019708ab8c9e34b79029cacc53c2e3a0c0e643c5350d5ef0dbdde6504b8580a5388dd52df322b3a39456bf99225d66c61f.png)
3 - Choisissez votre “webhook”
Si vous disposez de plusieurs projets dans webflow, il se peut que plusieurs webhook soient paramétrés. Sélectionnez celui que vous souhaitez relier à votre entreprise. Si vous n’en avez pas, voici comment connecter un webhook Webflow avec Make (Integromat).
![Choix webhook depuis le tableau de board integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eedd6_615e9779d84fe1be74a91494_614f5f75caf5b77ae2f4194e_318fd376a9ec51e76ceb44ec84cdd27ffa2e47cc6adb523321a8893f83e023a089bcc16250d0f6af181e78843af20ad42dfc376d815eb7df28545e7deb18ec9b07f21bff83a6ae8dbac24435efca0ee71e8a92a4a82e94c66eaab1c81d67493fe51141c5.png)
4 - Ajoutez un nouveau module
L’avantage avec Make (Integromat), c’est qu’il propose une tonne d’outils déjà intégrés et facilement connectables entre eux via des modules. Vous aurez juste à ajoutez le module Slack.
![module slack sur l'interface integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eee0b_615e977d24be0d08b59e899e_614dd9459de73040c48af86a_Etape%2525204%252520-%252520Formulaire%252520Webflow%252520Integromat.png)
5 - Sélectionnez une action
Le module Slack propose de nombreuses action a effectuer pour communiquer avec vos équipes, retrouver des messages, charger des fichiers, réagir à des postes, créer des “Channel”, etc. Pour cet exemple nous choisirons l’action “create a message” pour envoyer un message à vos équipes à la suite de la réception d’un formulaire.
![choix d'une action slack dans Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eedd9_615e9779a3b83b8282606e44_614f5f7596264c14c7b3ef17_b5164779489205fd7abed5f1e988a9fec36f3b198b718fdd5696f9797994e6f5bdb523458d5529b465395520287cbc86da85ff5621eeff9c5119cd22151803b4e8e00c6adcdcaed2c483faba5f2698f809fca99230c29bf405cbb7c655678c37994de3db.png)
6 - Ajoutez une nouvelle connexion Slack
Ajoutez un compte Slack à votre profile Integromat en cliquant sur “add”
![ajout d'une connexion au module slack dans Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eee06_615e977da2ab7e6e7d6e6c8d_614dd960e4ba8467094507a3_Etape%2525206%252520-%252520Formulaire%252520Webflow%252520Integromat.png)
7 - Sélectionnez le type de connexion
Votre action pourra concerner un utilisateur mais aussi un bot. En effet, Slack vous propose de paramétrer certaines actions via son bot intégré. Vous pourrez ainsi automatiser ses actions et interagir avec le bot grâce à Integromat. Nous choisirons ici une connexion “user”.
![Type de connexion slack dans Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eee07_615e977da81aa6f18e1bf529_614ddab0c2f5384d0e225b5d_Etape%2525207%252520-%252520Formulaire%252520Webflow%252520Integromat.png)
8 - Renommez votre connexion
Comme toujours, il est important d’identifier le compte avec lequel vous vous connecterez dans l’hypothèse qu’il y en ait d’autres plus tard. Un fois renommé, cliquez sur “Continue”.
![Renommer sa connexion slack dans Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eee0d_615e977d17f52d6801a7507f_614ddc49c8febcf89f27e5ab_Etape%2525208%252520-%252520Formulaire%252520Webflow%252520Integromat.png)
9 - Donnez les autorisations
Make (Integromat) a besoin de votre autorisation pour pouvoir accéder à votre compte Slack. Ces autorisations sont directement liées aux actions qu’Integromat pourra par la suite effectuer avec votre compte.
![Autorisations d'accès Integromat à slack](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eee0e_615e977ddea93ab1924aa28d_614ddc863d8f9c5843cc7e66_Etape%2525209%252520-%252520Formulaire%252520Webflow%252520Integromat.png)
10 - Choisissez la méthode de connexion
Vous sélectionnez ici le moyen de connexion à un canal ou une personne. Deux possibilités s’offrent à vous :
- “Enter manually” pour directement rentrer à la main l’identifiant du canal visé.
- “Select from a list” pour sélectionner plus facilement des groupes ou personnes depuis une liste déroulante.
Nous choisirons l’option “Select from a list”.
![méthode de connexion slack dans Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eee0a_615e977d28064734221f80b3_614ddcca365402ff96cedcae_Etape%25252010%252520-%252520Formulaire%252520Webflow%252520Integromat.png)
11 - Choisissez le type de “Canal”
Vous avez ici le choix entre plusieurs types de canaux à qui vous souhaitez vous adresser : canal publique ou privé, message direct privé ou en groupe. Nous choisirons ici un canal public.
![choix du type de channel slack dans integroamt](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eedda_615e977a2f4781e64d5a42bb_614f5f75a58d4bf674b6644b_e431cc8396450584fd271c88e56b573043c4d4051a2d16cce29f883b9b3c3f7206df864eab7ac96f6c995f6083aa3400486af929c68f731aad3b8df27f7e402bc34e4c9f1bb419e86250e1fe8053672692e5c0759cb7dac2900e28f3c46e34c36182b23a.png)
12 - Sélectionnez le “Canal”
Choisissez le canal dans lequel vous allez publier vos messages automatiques. Nous avons sélectionné celui dans lequel tombent tous nos lead depuis notre site internet.
![Choix du canal slack dans integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eee08_615e977da01855645e6b565a_614ddcf57978b76ce9de5cfb_Etape%25252012%252520-%252520Formulaire%252520Webflow%252520Integromat.png)
13 - Récupérez les données du webhook
Avant de commencer à rédiger votre message slack il faut faire comprendre au webhook quel type de données il recevra. Lancez alors uniquement le module webflow en faisant un clic droit puis “Run this module only”.
![récupération des données par le webhook webflow dans integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eeddd_615e977928064715751f80b1_614f5f75d223a124791cbaae_13cfc443de6073b0698eb26687273b0e4aa8f4e7e5b4c1e1e7da5b720de8ff85faf8f2134d6717b31381b88c8aba5da329b132d3c82fe4ea7f24706ac5eab2432a159cebae4ebe5ae56cb975718a4cab4ef1ecc78d774de29c87b14ca501a9222bcc48a9.png)
14 - Envoyez un formulaire test
Pour que votre webhook reçoive les données il faut tout simplement lui envoyer. Allez donc sur votre site et remplissez tous les champs de votre formulaire.
![Nouvelles données dans le webhook webflow sur Integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eee05_615e977db1d23b4cc0f31646_614dddc9e4ba84965b45269c_Etape%25252014%252520-%252520Formulaire%252520Webflow%252520Integromat.png)
15 - Paramétrez votre message dans Slack
Vous pouvez à présent rédiger le message type qui sera envoyé à vos équipes sur Slack. Ajoutez-y bien sur les différents champs de données.
![Balisage du message slack dans l'automatisation integromat](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eee0f_615e977ec44c4d0d402bbe72_614dde03853f78460011c009_Etape%25252015%252520-%252520Formulaire%252520Webflow%252520Integromat.png)
Bonus : rajouter un emoji dans vos messages Slack
Petit Tips pour vous, vous pouvez rajouter des emojis compatibles entre Make (Integromat) et Slack ! 😉
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 !