Avec le développement d’outils nocode comme Zapier, Integromat, Automate.io, nous entendons de plus en plus parler de webhook. Mais concrètement, qu’est-ce qu’un webhook, à quoi ça sert et comment l’utiliser ?

Qu’est-ce qu’un webhook ?

De plus en plus d’entreprises, de la start-up au grand groupe, utilisent des webhook pour automatiser leurs process et outils.

Illustrons les webhook à l’aide d’un exemple concret. Vous avez un blog sur votre site web et proposez à vos visiteurs de s’inscrire à votre newsletter. Une fois inscrits à votre newsletter, voici ce qu’il se passe

• Sans webhook : vous inscrivez le contact dans votre CRM et envoyez à la main, chaque mois votre newsletter
• Avec webhook : votre contact est automatiquement rentré dans votre CRM et reçoit chaque mois sa newsletter sans aucun action de votre part. Ce n’est pas de la magie, c’est un webhook ! 🤩

Les webhook vous permettent donc de connecter en direct tous vos outils et applications. Ils pourront ainsi communiquer ensemble selon des paramètres que vous aurez définis et des actions qui seront effectuées.

Comment fonctionne un webhook ?

On distingues deux méthodes pour communiquer d’une application à une autre.

Certains outils d’automatisation comme Zapier ou Integromat vous porposent tout d’abord la méthode du “Polling”. Cela consiste à allez vérifier à des intervalles de temps régulier (toutes les 10 minutes par exemple) s’il s’est passé quelque chose de nouveau dans une application. Le problème avec cette méthode, c’est qu’elle n’est pas instantanée, et dans certains cas vous aurez besoin de mettre en place un action directement à la suite d’un événement.

C’est ici qu’interviennent les Webhook, qui communiquent instantanément entre vos applications web. Un webhook utilise des rappels HTTP ou HTTP callback. Contrairement au polling, le webhook ne vas pas aller chercher l’information, mais il la reçoit directement. Via des requêtes HTTP de type HTTP POST, les webhook vont donc recevoir un certain nombre d’informations, en temps réel, contenu dans un URL http:// ou https://. Ces URL peuvent ou non contenir un certain nombre d’informations en format JSON ou XML, que le webhook pourra ensuite réutiliser. Vous pourrez ainsi très facilement connecter vos webhook aux API de vos logicielles préférés.

Résumons plus simplement ce qu’il se passe quand on utilise un webhook :

• Etape 1 : une requête HTTP est envoyée à un URL

Traduction → un émetteur envoi des informations comme l’adresse email du nouvel inscrit à votre blog.

• Etape 2 : le webhook effectue un rappel HTTP vers l’URL en question

Traduction → le webhook intercepte l’adresse mail du nouvel inscrit

• Etape 3 : le webhook traite les données JSON ou XML pour ensuite les réutiliser

Traduction → vous pouvez réutiliser l’adresse mail en l’ajoutant à votre base de données et votre liste d’envoie newsletter

Pourquoi utiliser des webhooks pour son site web ?

Un moyen d’automatiser son site web

Vous l’avez compris, un webhook n’est autre qu’un moyen de communication entre des applications no-code ou pas. Il va donc vous permet d’automatiser votre site web en le connectant à tous vos outils no-code. Vos formulaires web, votre blog, vos vidéos en ligne, vos articles e-commerce, tout votre site peut communiquer avec vos outils nocode à l’aide de webhook. Que vous ayez un site vitrine ou une plateforme e-commerce, les webhook vous permettront de rendre votre site plus performant.

Webhook pour améliorer l’expérience utilisateur

Les webhook communiquent en temps réel, il n’y aura donc pas de délais d’attente pour un visiteur qui demande une information. En effectuant des actions sur votre site web, les utilisateurs déclencheront sans le savoir ces webhook, pour obtenir un certain nombre d’informations ou tout simplement déclencher d’autres actions depuis le site.

Exemples de webhooks pour son site web

Voici quelques exemples webhook, qui vous seront très utiles pour votre site web.

• Inscription à une newsletter → Webhook 🤖→ ajout à une liste d’envoi
• Contact depuis votre formulaire web → Webhook 🤖→ envoie d’un mail de confirmation
• Participation à une enquête en ligne → Webhook 🤖→ envoie automatique des réponses
• Nouvelle candidature à un post → Webhook 🤖→ réception des données du candidat dans votre CRM
• Achat d’un article en ligne → Webhook 🤖→ envoi d’un email de confirmation de paiement
• Achat d’un article en ligne → Webhook 🤖→ déclenchement de ma chaine logistique

Utiliser un Webhook Zapier ou Integromat ?

Votre application ou outil nocode n’a pas d’intégration dans Zapier ou Integromat ? Pas de problème, vous pourrez quand même le connecter à ces outils d’automatisation no-code à l’aides des webhooks ! Ces deux outils sont dit "no-code" et donc très simple d'utilisation. Si les webhook vous ont paru complexe avec des besoins de connaissance en langage HTTP, Zapier et Integromat viennent simplifier le process. Aucune compétence de dev n'est requise, vous aurez simplement à utiliser les modules préparamétrer pour connecter vos applications au webhook.

Webhook Zapier

Zapier est un outil d’automatisation no-code qui vous propose un module “webhook”. Utilisez ce module comme déclencheur et ajoutez y ensuite toutes les applications nocode avec lesquelles vous souhaitez communiquer. Vous pourrez ainsi leur transmettre un grand nombre d’informations et déclencher une chaine d’actions.

Webhook Integromat

Tout comme Zapier, Integromat va vous permettre d’automatiser votre site web à l’aide de webhook. Vous pourrez facilement ajouter un webhook à l’un de vos workflow pour ensuite communiquer avec tous vos outils no-code.