Connecter Webflow à HubSpot (et votre stack marketing) : exploiter les leads de vos formulaires

Vous connectez Webflow à HubSpot par l’une des quatre routes suivantes : l’app HubSpot officielle pour Webflow, un formulaire HubSpot intégré (embed), une étape intermédiaire no-code avec Zapier ou Make, ou une connexion directe via l’API HubSpot ou des webhooks. L’app native est bien plus mature depuis 2026 qu’auparavant, mais elle reste pensée pour la capture de leads simple. Si vous voulez un mapping des champs fiable, de la déduplication et un suivi complet, une étape intermédiaire est souvent le meilleur choix. Dans cet article, vous découvrez pour chaque route comment elle fonctionne, quelles en sont les limites, et comment éviter que des leads disparaissent en chemin ou atterrissent sans source dans votre CRM. Si vous travaillez avec une autre plateforme ou un autre CRM, les mêmes principes s’appliquent : lisez l’approche plus large dans connecter votre site web à votre CRM comme HubSpot ou Salesforce.

Webflow dispose-t-il d’une connexion native à HubSpot ?

Oui, il existe désormais une app HubSpot officielle dans la marketplace Webflow qui relie directement vos formulaires Webflow natifs à HubSpot. Vous ouvrez l’app dans le Webflow Designer via le panneau Apps et vous attribuez vos champs de formulaire à HubSpot. Les soumissions sont d’abord captées par Webflow, puis transmises à HubSpot, techniquement via le mécanisme des “non-HubSpot forms”. Pour de nombreux sites, cela suffit à recevoir des leads bien rangés et à faire tourner de l’automatisation de base, sans code.

Les limites sont cependant réelles. Le flux de données va en pratique surtout dans un sens : de Webflow vers HubSpot, sans synchronisation bidirectionnelle complète. Les fonctions HubSpot avancées comme la logique conditionnelle, le progressive profiling ou les champs intelligents n’y figurent pas. Et comme avec toute connexion clé en main, vous dépendez de la robustesse de l’app à un moment donné. Considérez donc l’app comme un point de départ, pas automatiquement comme une solution finale. Testez soigneusement avec de vraies soumissions avant de lui confier votre flux de leads.

Quand choisir un formulaire HubSpot intégré ?

Vous choisissez un formulaire HubSpot intégré lorsque vous accordez plus d’importance aux fonctionnalités natives de HubSpot qu’au contrôle visuel dans Webflow. Vous créez le formulaire dans HubSpot et vous collez le code embed dans une page Webflow. Le grand avantage : le suivi, le préremplissage des contacts connus, les smart fields et le progressive profiling fonctionnent immédiatement, parce que le formulaire est réellement celui de HubSpot.

Le revers, c’est que vous sacrifiez de la liberté de design. Un embed suit le style de HubSpot et s’intègre plus difficilement de façon fluide dans votre conception Webflow qu’un formulaire Webflow natif. Pour une landing page au design soigné où chaque pixel compte pour la conversion, cela ressemble souvent à un compromis. Une solution intermédiaire est un formulaire HTML personnalisé que vous stylisez entièrement vous-même dans Webflow et qui poste vers HubSpot : plus de contrôle sur l’apparence, avec le suivi de HubSpot en dessous. Cela demande toutefois un peu plus de connaissances techniques.

Comment fonctionne une connexion via Zapier ou Make ?

Avec Zapier ou Make, vous placez une étape intermédiaire entre votre formulaire Webflow et HubSpot : à chaque nouvelle soumission, l’outil crée ou met à jour l’enregistrement correspondant dans HubSpot. Vous laissez donc votre formulaire Webflow exactement tel quel, avec votre propre style, et vous gérez la transmission en dehors. C’est depuis des années la route la plus utilisée, justement parce que vous êtes libre de mapper vos champs et de décider de ce qui se passe ensuite.

La force réside dans la logique que vous construisez autour. Vous pouvez nettoyer des champs, attribuer un lead au bon propriétaire ou à la bonne liste, envoyer une notification interne ou alimenter plusieurs systèmes à la fois à partir d’une seule soumission. Tenez tout de même compte de quelques éléments. Il y a généralement un petit délai (les soumissions sont récupérées périodiquement ou transmises via un déclencheur), et en cas de volumes élevés, le nombre de tâches de votre abonnement grimpe. Prévoyez donc toujours une forme de gestion des erreurs, pour qu’une étape échouée ne laisse pas discrètement disparaître un lead. Dès que les leads valent de l’argent, une soumission perdue coûte plus cher que l’outil lui-même.

Quand passer à une connexion directe par API ou webhook ?

Vous choisissez une connexion directe via l’API HubSpot ou via des webhooks lorsque la fiabilité, la rapidité et le contrôle pèsent plus lourd que la facilité. Webflow peut envoyer une soumission de formulaire sous forme de webhook vers votre propre endpoint, où vous validez les données, vous les dédupliquez et vous les écrivez via l’API HubSpot. Vous obtenez alors un flux découplé avec votre propre logique de retry et une piste d’audit de ce qui a été exactement transmis.

C’est la route pour les équipes qui gèrent des volumes de leads sérieux, des exigences strictes de qualité des données, ou une configuration où plusieurs systèmes doivent rester correctement synchronisés. Cela demande davantage de travail de construction et de maintenance, et vous avez besoin de quelqu’un qui gère la connexion. Un avantage supplémentaire est que vous ne dépendez pas d’un intermédiaire susceptible de changer ou de tomber en panne : vous gérez la logique vous-même et vous savez précisément ce qui advient de chaque soumission. L’arbitrage est simple : plus votre flux de leads est critique et important, plus la robustesse supplémentaire d’une connexion directe se rentabilise vite. Pour un site B2B ordinaire avec une poignée de formulaires, c’est le plus souvent excessif, et l’app ou une étape intermédiaire suffisent. Soyez honnête sur votre propre situation et choisissez la route la plus simple qui fait entrer vos leads de manière fiable.

Quelle route vous convient ?

Cela dépend de votre volume, de votre capacité technique et de la mesure dans laquelle vous voulez exploiter HubSpot. Une règle empirique simple :

• Peu de formulaires, capture de leads basique, pas de développeur : commencez par l’app HubSpot officielle ou un formulaire intégré.
• Vous voulez conserver votre design Webflow et un routage ou un nettoyage intelligent : utilisez Zapier ou Make comme étape intermédiaire.
• Volume élevé, qualité de données stricte, plusieurs systèmes synchronisés : optez pour une connexion directe par API ou webhook.

Plus important que le débat sur la plateforme, il y a ce que vous réglez en dessous. Deux choses déterminent si votre connexion apporte réellement de la valeur. Premièrement, le passage des UTM et de la source : transmettez les paramètres UTM et le contexte de la page sous forme de champs cachés, sinon les leads arrivent sans provenance dans HubSpot et vous ne savez pas quelle campagne ou quelle page les a générés. Vous en apprenez plus sur une mesure correcte de la provenance dans notre explication des paramètres UTM. Deuxièmement, le consentement : consignez le fait qu’une personne a donné son accord et ce qu’elle a coché, pour que votre traitement des leads respecte le RGPD et que vous n’envoyiez pas de mails non sollicités.

Et n’oubliez pas le formulaire lui-même. La meilleure connexion ne sauve pas un formulaire avec trop de champs ou un appel à l’action faible. La façon de construire un formulaire que les gens remplissent vraiment, nous la traitons dans l’optimisation de la conversion des formulaires. Une bonne connexion garantit que chaque lead rempli arrive ; une bonne UX de formulaire fait qu’il y en a davantage à remplir. Vous avez besoin des deux pour faire de votre site une véritable machine à leads, comme nous le décrivons dans un site web B2B qui génère des leads.

Le résumé court

Vous connectez Webflow et HubSpot via l’app officielle, un formulaire intégré, une étape intermédiaire avec Zapier ou Make, ou une connexion directe par API et webhook. L’app est le point de départ le plus rapide pour une capture de leads simple, mais elle reste largement à sens unique et limitée dans les fonctions avancées. Pour le contrôle, la fiabilité et un mapping des champs propre, une étape intermédiaire ou une connexion directe est souvent préférable. Quoi que vous choisissiez : réglez le passage des UTM et le consentement, et assurez-vous que le formulaire lui-même convertit. Ainsi, chaque lead arrive, avec sa source et son autorisation, prêt pour le suivi. Vous voulez que nous mettions en place votre site Webflow et votre connexion CRM de façon orientée conversion ? Découvrez notre service de création de site web ou planifiez votre intake gratuit. Pour la vision d’ensemble d’un site B2B qui génère des leads, commencez par notre guide sur la création d’un site web B2B.