Webflow
MakeFORMULAIRES VERS CRM
Prérequis
- Formulaire Webflow publié avec champs stables
- Compte Make avec module CRM cible
- Accès API CRM (HubSpot, Pipedrive, Airtable)
- Tableau de correspondance champs formulaire → CRM
Un formulaire Webflow natif envoie des e-mails — insuffisant pour alimenter un CRM. Sans normalisation, les leads se perdent entre boîtes mail et tableurs. Vous allez brancher un webhook Make pour mapper les champs, créer les contacts et journaliser les erreurs.
Configurer le webhook Make
Scénario Make avec Custom Webhook en entrée. Copiez l’URL et pointez Form Settings Webflow vers Make.
Testez depuis le site publié : vérifiez la structure JSON et nommez chaque champ (`email`, `company`, `message`).
Mapper, valider et enrichir
Router Make : branche valide si e-mail match regex ; branche erreur vers log + notification.
Mappez vers Create/Update Contact CRM. Ajoutez `utm_source`, `page_url`, `form_id` pour l’attribution.
Logs, reprise et recette
Loggez chaque exécution dans Airtable : timestamp, e-mail, statut, erreur. Configurez retry sur rate limit CRM.
Recette : champs vides, e-mail invalide, doublon, RGPD opt-in non coché. Message succès Webflow même si Make traite en async.
Erreurs fréquentes
Tester uniquement en preview non publiée.
Champs renommés sans mise à jour du mapping Make.
Doublon CRM sans recherche par e-mail.
Scénario Make désactivé sans monitoring.
Ce qu’il faut retenir
Webhook Make + mapping documenté = flux acquisition fiable.
Validation, logs et alertes aussi importants que la création contact.
Tests sur site publié avec cas d’erreur réels.
FAQ
Utile en transition pendant les deux premières semaines. À terme, centralisez sur Make + CRM + Slack pour éviter les divergences entre e-mail et pipeline commercial. Documentez la date de bascule dans le runbook client.
Oui avec un Router sur `form_id` ou sur le nom du formulaire. Gardez un scénario par environnement staging vs prod. Documentez le mapping dans Make pour faciliter la maintenance.
Remplacez par un POST HTML vers le même webhook Make. Vous pouvez aussi utiliser une Server Action Next.js qui appelle Make. Conservez le mapping des champs identique pour limiter la régression.
Cursor