Intégrer HubSpot à son site web : formulaires, tracking et flux de leads

Connecter votre site web à un CRM comme HubSpot ou Salesforce se fait de deux manières : vous intégrez les formulaires natifs du CRM, ou vous construisez vos propres formulaires et transmettez les données saisies vers votre CRM via l’API. La première option est plus rapide et se remplit de façon quasi infaillible, la seconde vous donne un contrôle total sur le design, la vitesse et la validation, mais demande plus de développement. Dans cet article, vous découvrez quelle option d’intégration convient à quel moment, comment mettre en place un tracking et une attribution fiables, et comment construire votre flux de leads de sorte qu’aucun lead ni aucune donnée ne se perde en chemin.

C’est précisément le travail sur lequel nous nous concentrons : un site web qui transforme les visiteurs en leads que votre équipe commerciale peut réellement suivre, avec une intégration propre vers le système où ce suivi se déroule. Cela s’inscrit dans les choix plus larges de notre guide pour faire créer un site web B2B.

Que signifie connecter votre site web à votre CRM ?

Une intégration signifie qu’un formulaire rempli sur votre site web crée automatiquement un contact ou un lead dans votre CRM, avec les bons champs, la bonne source et le bon responsable. Pas de fichiers d’export, pas de ressaisie manuelle, pas de leads qui restent coincés dans une boîte mail.

En pratique, une telle intégration se compose de trois couches que vous devez configurer indépendamment les unes des autres :

• La couche formulaire. Le formulaire que le visiteur remplit et les données que vous collectez.
• La couche tracking. Le code qui mesure d’où vient le visiteur et ce qu’il a fait sur votre site, afin d’associer du contexte au lead.
• La couche routage. Les règles qui déterminent à qui le lead est attribué, quel statut il reçoit et quel suivi démarre.

La plupart des problèmes surviennent parce que les entreprises ne pensent qu’à la première couche. Le formulaire fonctionne, mais la source est vide, personne ne se sent responsable et la moitié du contexte a disparu en route. Une bonne intégration est donc autant une question de processus qu’une question technique.

Quelles options d’intégration : formulaires natifs ou formulaires personnalisés via API ?

Il existe deux voies principales, et la différence détermine en grande partie le degré de contrôle et de maintenance que vous obtenez.

Intégrer les formulaires natifs de votre CRM. Vous construisez le formulaire dans HubSpot ou via Web-to-Lead dans Salesforce et vous le placez sur votre site web à l’aide d’un extrait d’intégration (embed). Le grand avantage : la donnée arrive de façon garantie et dans le bon champ de votre CRM, car le formulaire dialogue directement avec le système. Vous n’avez besoin d’aucun code intermédiaire susceptible de casser. L’inconvénient : vous êtes limité par le style, la validation et les possibilités du CRM. Chez HubSpot, les formulaires des outils gratuits portent par défaut la marque HubSpot, et la mise en forme ne se plie pas indéfiniment à votre identité visuelle. Salesforce Web-to-Lead est fonctionnel mais visuellement sommaire, et connaît une limite standard de 500 leads par 24 heures (les demandes supplémentaires atterrissent dans une file d’attente plutôt que d’être perdues).

Construire votre propre formulaire et le transmettre via l’API. Vous construisez le formulaire vous-même dans votre site web, exactement à votre identité visuelle et avec votre propre validation et votre propre vitesse, et vous envoyez la soumission vers votre CRM via l’API Forms (HubSpot) ou l’API REST (Salesforce). L’avantage : un contrôle total sur le design, la performance et l’expérience utilisateur, et votre formulaire se charge avec votre propre page rapide plutôt que comme un widget externe. L’inconvénient : vous avez besoin de développement, et vous devez tenir compte des limites d’API. HubSpot applique par exemple une limite de débit sur l’endpoint de soumission non authentifié, il faut donc gérer cela consciemment en cas de volume élevé. De plus, une intégration maison est une chose que vous entretenez : si un champ change, la correspondance (mapping) doit suivre.

Une voie intermédiaire fréquemment utilisée est l’hybride : un formulaire personnalisé pour l’expérience utilisateur, mais une soumission via un appel côté serveur fiable vers l’API du CRM, afin de combiner le meilleur des deux mondes. La voie qui convient dépend de votre équipe et de vos plans de croissance, pas de ce qui se démontre le plus rapidement par hasard.

Si votre site tourne sous Webflow, il existe des manières spécifiques de relier proprement vos formulaires et HubSpot. Approfondissez la connexion de Webflow à HubSpot pour extraire les leads de vos formulaires.

Comment fonctionnent le tracking et l’attribution après l’intégration ?

Le tracking garantit que chaque lead dans votre CRM reçoit du contexte : d’où venait le visiteur, via quelle campagne, et quelles pages il a consultées avant de remplir le formulaire. Sans ce contexte, votre équipe commerciale ne sait pas qui est chaud, et le marketing ne sait pas quel canal fonctionne.

Avec les formulaires natifs, le script de tracking du CRM s’en charge en grande partie tout seul, à condition que le script soit correctement présent sur chaque page. Avec vos propres formulaires, vous devez transmettre vous-même la source et les données de campagne (par exemple les paramètres UTM et le canal de provenance d’origine) sous forme de champs cachés dans l’appel API. Si vous l’oubliez, chaque lead arrive comme « direct » ou sans source, et votre attribution ne vaut plus rien.

Trois choses à bien régler ici :

• Placez le script de tracking sur chaque page, pas seulement sur la page de remerciement. Sinon, le CRM manque le parcours qui a mené à la conversion.
• Conservez la première source, pas seulement la dernière. Les achats B2B durent longtemps ; quelqu’un peut revenir cinq fois avant de remplir le formulaire.
• Testez la correspondance avec une vraie soumission. Remplissez votre propre formulaire et vérifiez dans le CRM que chaque champ, source comprise, atterrit correctement.

Comment configurer le routage des leads sans fuite de données ?

Le routage des leads consiste à attribuer automatiquement chaque lead entrant à la bonne personne ou à la bonne équipe, avec le bon statut. C’est ici, en pratique, que la plupart des leads se perdent, pas au niveau du formulaire lui-même.

Les fuites classiques que vous colmatez à l’avance :

• Contacts en double. Sans déduplication sur l’adresse e-mail, vous créez un nouvel enregistrement à chaque soumission, et l’historique se fragmente. Configurez la déduplication avant de passer en ligne.
• Leads sans responsable. Un lead qui arrive mais n’est attribué à personne reste en plan. Définissez une règle d’attribution claire et un filet de sécurité pour le cas où aucune règle ne correspond.
• Aucun déclencheur de suivi. Un lead dans votre CRM n’est pas un suivi. Associez une notification ou une tâche à chaque nouveau lead, afin que le suivi démarre dans votre délai de réponse promis.
• Échecs silencieux. Avec une intégration API maison, un appel peut échouer sans que personne ne le remarque. Prévoyez un message d’erreur ou un plan de secours (par exemple une sauvegarde par e-mail), afin qu’une soumission de lead ne disparaisse jamais en silence.

Une page de contact et un flux de formulaire bien conçus doivent s’y enchaîner sans accroc : le formulaire capte le lead, l’intégration le fait entrer, et le routage veille à ce que quelqu’un réponde dans un jour ouvré.

Qu’en est-il du RGPD et du consentement pour le tracking CRM ?

Le tracking et l’intégration CRM relèvent du RGPD, car vous traitez des données personnelles et vous avez besoin d’une base juridique et de transparence. La règle pratique : ne chargez les scripts de tracking non essentiels qu’après que le visiteur a donné son consentement, et soyez clair dans votre formulaire et votre déclaration de confidentialité sur ce que vous faites des données.

Concrètement, cela signifie : reliez le script de tracking de votre CRM à votre outil de consentement aux cookies, afin qu’il ne s’active qu’après accord, et ne demandez sur le formulaire que les données dont vous avez réellement besoin pour l’étape suivante. Ce dernier point n’est pas seulement correct pour la vie privée, il augmente aussi votre conversion, car chaque champ superflu vous coûte des leads. Moins vous demandez, plus les gens remplissent, comme nous le développons dans l’optimisation de la conversion des formulaires. Si vous doutez de la bonne interprétation juridique, soumettez-la à une personne dotée d’une expertise en protection de la vie privée ; cet article ne constitue pas un conseil juridique.

Quand choisir des formulaires natifs et quand des formulaires personnalisés ?

Cela dépend de votre équipe, de votre volume et de l’importance du formulaire dans votre expérience de marque. Un arbitrage honnête :

• Choisissez les formulaires natifs si vous voulez être rapidement en ligne, que vous n’avez pas de développeur sous la main, et que la fiabilité prime sur le sur-mesure. Pour beaucoup de PME, c’est le point de départ raisonnable : l’intégration fonctionne, tout simplement, et votre temps va au suivi plutôt qu’à la maintenance.
• Choisissez les formulaires personnalisés avec API si le design, la vitesse et l’expérience utilisateur sont critiques, si votre volume est élevé, ou si vos formulaires constituent une partie importante de votre parcours de conversion. Vous payez cela en développement et en maintenance, mais vous obtenez en échange un contrôle total.
• Choisissez l’hybride si vous voulez l’apparence des formulaires personnalisés avec la fiabilité d’une intégration CRM directe, et que vous disposez de la capacité de développement pour l’entretenir proprement.

Il n’y a pas ici de réponse unique valable pour tout le monde. Comme pour le choix entre un CMS traditionnel et un CMS headless, la règle est la suivante : laissez votre objectif et votre situation décider, pas la tendance ni la préférence du fournisseur.

En résumé

Connecter votre site web à HubSpot ou Salesforce n’est pas une affaire d’un seul bouton, mais de trois couches à bien configurer : le formulaire, le tracking et le routage. Les formulaires natifs sont rapides et fiables, les formulaires personnalisés donnent le contrôle, et l’hybride combine les deux. Le vrai travail se situe dans le flux de leads qui suit : déduplication, un responsable clair, un déclencheur de suivi et un filet de sécurité pour les appels échoués, afin qu’aucun lead ne disparaisse en silence. Configurez correctement le tracking et le consentement dès le premier jour, et choisissez l’intégration qui convient à votre équipe et à votre croissance.

Vous voulez que tout cela soit mis en place proprement, du formulaire orienté conversion à une intégration CRM propre ? Découvrez notre approche pour la création de site web ou planifiez votre rendez-vous découverte gratuit.