Badge Webflow Award Winner 2023

Comment connecter son formulaire Webflow à Slack avec Make (Integromat) ?

Publié le 
7/10/2021
Modifié le 
27/3/2023
Temps de lecture : 5 min
Voici comment connecter un formulaire Webflow à l'outil de messagerie instantanée Slack. Indispensable pour relier vos prospects à vos équipes !
Écrit par
Thomas Labonne avec un T-shirt Digidop

Thomas Labonne

Co-fondateur

Restez informé de chaque personne qui vous contacte depuis votre site web. Voici les étapes pour connecter Webflow à Slack avec Make (Integromat).

Points clés à retenir

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
Interface Make (Integromat) 2021

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
Interface Make (Integromat) 2021

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
Interface Make (Integromat) 2021

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
Interface Make (Integromat) 2021

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
Interface Make (Integromat) 2021

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
Interface Make (Integromat) 2021

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
Interface Make (Integromat) 2021

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
Interface Make (Integromat) 2021

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
Autorisations d'accès Slack à Make (Integromat)

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
Méthode de connexion Slack

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
Choix du type de canal

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
Choix du canal Slack

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
Récupération de données webhook

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
Envoie des données depuis le formulaire web

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
Balisage du message

Bonus : rajouter un emoji dans vos messages Slack

Petit Tips pour vous, vous pouvez rajouter des emojis compatibles entre Make (Integromat) et Slack ! 😉

projet Flomodia by Digidop
projet Coudac by Digidop
projet Heka by Digidopprojet Flaw by Digidopprojet Morfo by Digidop