Aller au contenu principal

Académie

Relier un formulaire web à votre CRM

Montez un scénario Make fiable entre formulaire web et HubSpot, Pipedrive ou Airtable. Mapping, validation et logs pour équipes e-commerce et acquisition.

Intermédiaire · 3 min

E-commerceMake

Prérequis

  • Compte Make avec droits de création de scénarios
  • Accès API ou webhook du CRM cible (clé, pipeline, propriétés custom)
  • Formulaire capable d’envoyer un POST JSON ou compatible webhook Make
  • Tableau de correspondance champs formulaire → propriétés CRM

Chaque formulaire non branché génère des leads perdus ou ressaisis à la main. Make relie votre site à un CRM en quelques modules : déclencheur, normalisation, upsert contact et notification en cas d’échec.

Choisir le déclencheur et cadrer le flux

Deux options courantes : le module Webhooks > Custom webhook de Make (URL à coller dans votre backend) ou une app native (Typeform, Tally, Webflow Forms).

Pour un site Next.js maison, exposez une route API qui relaie le body vers l’URL webhook Make après validation serveur (honeypot, rate limit). Ne exposez jamais de secrets CRM côté client.

Activez « Determine data structure » sur le webhook, envoyez un POST de test, puis verrouillez la structure. Documentez le mapping champs formulaire → propriétés CRM, y compris les UTM dès le jour 1.

Mapper, normaliser et router les données

Insérez un module Tools > Set variable ou JSON > Parse JSON si le CRM attend un format strict. Normalisez : trim, e-mail minuscules, téléphone E.164, pays ISO.

Utilisez un Router pour bifurquer : lead B2B vs B2C, ou demande devis vs support. Chaque branche peut cibler un pipeline CRM différent.

Upsert CRM, erreurs et monitoring

Privilégiez Search + Update OR Create (upsert) sur l’e-mail. Renseignez owner, pipeline et stage par défaut.

Activez le stockage des exécutions Make et ajoutez une branche d’erreur : Slack ou e-mail avec payload anonymisé et ID d’exécution.

Pour les HTTP 429, configurez Sleep puis retry, ou une file Airtable traitée par un second scénario planifié.

Erreurs fréquentes

Structure webhook figée alors que le front a changé de nom de champs : exécutions en échec silencieux.

Clé API CRM en dur dans un module sans connexion nommée : rotation de secret impossible.

Pas de branche erreur : leads perdus sans alerte.

Données personnelles loguées en clair dans Slack.

Scénario monolithique de 40 modules : maintenance cauchemardesque.

Ce qu’il faut retenir

Webhook Make + validation serveur = point d’entrée propre pour tout formulaire custom.

Mapping documenté, upsert CRM, champs UTM dès le jour 1.

Branche erreur et historique activé : non négociable en production.

Scénarios courts et chaînés plutôt qu’un flux unique surchargé.

FAQ

L’intégration native suffit pour un seul outil simple. Make gagne dès que vous combinez formulaire custom, enrichissement, Slack et plusieurs CRMs ou buffers Airtable.

Utilisez un pipeline ou un tag « TEST », ou un second scénario clone branché sur un sandbox CRM. Désactivez les notifications commerciales sur la branche de test.

L’URL contient un secret implicite : ne la publiez pas côté client. Passez par votre API serveur et ajoutez si besoin un header d’authentification custom.

Ces tutoriels pourraient vous intéresser

Travailler avec Agence Cosmos

Besoin d’aller plus loin qu’un tutoriel ? Nous cadrons, concevons et livrons des sites et produits digitaux mesurables.

Contact

Parlons d’une mission utile, réaliste et mesurable.

À partir du brief, vous recevez une proposition structurée : objectifs, périmètre, livrables, planning, risques et hypothèses. Nous priorisons la clarté dans les choix et la mise en production.

Vous préférez un message court ? utilisez le formulaire sur la page contact.

Étapes clés - projet web

  1. 01Brief & cadrage
  2. 02UX, UI & contenus
  3. 03Développement & intégration
  4. 04Recette, performance & qualité
  5. 05Mise en ligne & transfert

Ce que vous obtenez

Ressources

Notre agence met à disposition des ressources pour vous aider à monter en compétence sur vos outils favoris, quel que soit votre niveau.

Accéder à l’Académie
Agence Cosmos

Studio web à Bordeaux : design produit, développement sur mesure et IA utile pour des missions claires et mesurables.

Bordeaux, Nouvelle-Aquitaine, France

contact@agence-cosmos.fr

Certifications

Navigation

Expertises

Légal & confiance

© 2024 - 2026 Agence Cosmos. Tous droits réservés - orbite en maintenance continue.