Nous utilisons juste ce dont on a besoin pour le fonctionnement du site. Pour plus d'infos lire notre politique de confidentialité.
icon-cookies-3D

Comment connecter son formulaire Webflow à Slack avec Integromat ?

Thomas Labonne
Thomas Labonne
October 7, 2021
Voici comment connecter un formulaire Webflow à l'outil de messagerie instantanée Slack. Indispensable pour relier vos prospects à vos équipes !

Tables des matières

Voici comment connecter la messagerie instantanée Slack à Webflow en 15 étapes. Pour connecter Slack et Webflow nous utiliserons l'outil d'automatisation 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 à Integromat.

1 - Connectez Webflow à Integromat

Voici comment connecter Webflow à Integromat très facilement.

Module webflow sur le tableau de board Integromat

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

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 Integromat.

Choix webhook depuis le tableau de board integromat

4 - Ajoutez un nouveau module

L’avantage avec 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

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

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

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
Type de connexion Slack

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
Renommer la nouvelle connexion

9 - Donnez les autorisations

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 à 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 “Channel”  

Vous avez ici le choix entre plusieurs types de canaux à qui vous souhaitez vous adresser : chanel 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 channel

12 - Sélectionnez le “Channel”

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

Depuis ce lien vous pourrez facilement rajouter des emojis compatibles entre Integromat et Slack ! 😉


Partager

Vous méritez un site Webflow qui fait l'effet " Wahouu " !

Prenez contact avec nous aujourd'hui. L'équipe fantastique de Digidop est prête pour vous aider à construire un site web qui répond à vos besoins 🚀

100% de nos clients nous ont attribué la note maximale de 5/5.
Site digidop.fr sur un écran d'ordinateur avec un badge de recommandations et des réactions