Sur WordPress, le vrai sujet n'est pas de "mettre un formulaire" , c'est de relier chaque interaction (visites, conversions, conversations) à une fiche contact exploitable par le marketing et les ventes. L'intégration HubSpot <–> WordPress répond à ce besoin : le plug-in officiel HubSpot connecte votre site à HubSpot, ajoute le code de suivi, et permet d'utiliser formulaires, chat, segmentation et reporting depuis WordPress tout en alimentant le CRM.

C'est un montage que je mets en place régulièrement pour mes clients. J'en détaille l'approche sur ma page HubSpot & Automatisation Marketing.

Ce guide couvre la mise en œuvre technique complète, du plug-in au reporting, avec les pièges à éviter.
(doc HubSpot – installation du plug-in WordPress)

Sommaire

1) Pré-requis à valider avant d'installer

Avant l'installation, vérifiez les points suivants. Ce sont les causes de blocage les plus fréquentes que je rencontre en production :

  • Droits : vous devez être Super Admin côté HubSpot et administrateur WordPress. C'est un prérequis non négociable — sans ça, la connexion OAuth échouera silencieusement.
    (HubSpot – prérequis et permissions)
  • WordPress.com vs WordPress.org : le plug-in nécessite la capacité d'installer des extensions. Sur WordPress.com, seul le plan Business (ou supérieur) le permet. Sur WordPress.org (auto-hébergé), aucune restriction.
    (HubSpot – exigences)
  • Cookies/Extensions navigateur : lors de la connexion, autorisez les cookies tiers et désactivez temporairement les bloqueurs (uBlock, Privacy Badger). J'ai vu plusieurs installations échouer à cette étape sans message d'erreur clair.
    (HubSpot – dépannage connexion)
  • WordPress multisite : le plug-in doit être activé site par site. Une activation réseau ne suffit pas — chaque sous-site nécessite sa propre connexion au portail HubSpot.
    (HubSpot – multisite)
  • Cache et CDN : si vous utilisez un plug-in de cache (WP Rocket, W3 Total Cache, LiteSpeed) ou un CDN (Cloudflare), vérifiez que le JavaScript HubSpot n'est pas minifié ou différé de façon agressive. Un defer mal configuré peut empêcher le tracking de se charger avant l'interaction utilisateur.

2) Installer le plug-in HubSpot et connecter votre compte

Le plug-in officiel est disponible sur le répertoire WordPress et côté HubSpot :

Étapes d'installation :

  1. Dans WordPress : Extensions → Ajouter → cherchez "HubSpot" → installez puis activez.
  2. Dans le menu WordPress, ouvrez HubSpot, puis connectez votre compte HubSpot (ou créez-en un).
  3. Une fois connecté, le plug-in ajoute automatiquement le code de suivi HubSpot sur toutes les pages et donne accès aux outils HubSpot depuis l'admin WordPress.
    (HubSpot – installation et tracking code)

Point de vigilance : si vous aviez déjà injecté manuellement le tracking code HubSpot (via le thème, un plug-in type "Insert Headers and Footers", ou Google Tag Manager), vous vous retrouverez avec un double tracking. Conséquence : des pages vues comptées deux fois et des données d'engagement faussées. Vérifiez dans le code source de votre site qu'un seul hs-script-loader est présent après installation.

3) Vérifier le tracking et la collecte de données

Objectif : confirmer que visites, conversions et conversations remontent correctement dans HubSpot.

  • Vérifiez que le plug-in est bien connecté et que le code de suivi est actif. Le plug-in l'ajoute automatiquement, mais un conflit avec un plug-in de sécurité ou de cache peut le bloquer.
    (HubSpot (EN) – install and use WordPress plugin)
  • Faites un test de bout en bout : naviguez sur votre site en navigation privée, soumettez un formulaire, puis vérifiez dans HubSpot que le contact est créé avec l'historique de pages vues. Si les pages vues n'apparaissent pas mais que le contact existe, c'est probablement un problème de consentement cookies (cf. section 11).
  • Vérification technique : ouvrez les DevTools de votre navigateur (F12), onglet Network, et filtrez sur hubspot. Vous devez voir des requêtes vers js.hs-scripts.com et api.hubapi.com. Si ces requêtes sont bloquées, cherchez du côté de votre pare-feu applicatif (Sucuri, Wordfence) ou de votre CSP (Content Security Policy).

4) Intégrer des formulaires HubSpot à WordPress (capture de leads)

Les formulaires HubSpot sont le moyen le plus fiable de capturer des leads et d'alimenter automatiquement le CRM. Point important : l'article d'intégration WordPress de HubSpot concerne les formulaires "hérités" et précise que l'intégration des formulaires créés avec le nouvel éditeur n'est pas encore disponible via cette méthode.
(HubSpot – ajouter des formulaires HubSpot à WordPress (hérités))

Intégration via l'éditeur classique

  1. Dans WordPress : HubSpot → Forms.
  2. Survolez le formulaire → Embed → copiez le shortcode WordPress.
  3. Collez le shortcode dans la page ou l'article.

(Guide : HubSpot – Classic editor + shortcode)

Intégration via Gutenberg

  1. Dans l'éditeur Gutenberg, ajoutez un bloc "HubSpot Form".
  2. Sélectionnez le formulaire HubSpot à afficher.

(Guide : HubSpot – Gutenberg)

Pièges courants avec les formulaires

  • Inline JavaScript : certaines versions de Gutenberg suppriment le JavaScript inline, ce qui peut casser le rendu du formulaire. Si le formulaire ne s'affiche pas, testez avec le shortcode en éditeur classique pour isoler le problème.
    (HubSpot – remarque Gutenberg / inline JS)
  • Formulaires non-HubSpot : si vous utilisez aussi des formulaires natifs WordPress (Contact Form 7, Gravity Forms, WPForms), attention à ne pas créer de doublons dans le CRM. Soit vous migrez tout vers les formulaires HubSpot, soit vous mettez en place une règle de déduplication. Mon approche : centraliser toute la capture dans HubSpot dès que le plug-in est installé.
  • Champs progressifs : HubSpot permet d'afficher des champs différents si le contact est déjà connu (progressive profiling). C'est un levier sous-exploité — au lieu de demander toujours nom + email, vous pouvez collecter le poste, la taille d'entreprise ou le besoin au deuxième passage.

5) Live chat et chatflows (chatbots)

Une fois le plug-in installé, vous pouvez créer un chatflow (live chat ou bot) et le cibler sur des pages WordPress spécifiques.
(HubSpot – ajouter un chatflow à des pages WordPress)

Mise en place :

  1. WordPress → HubSpot → Chatflows → Create chatflow.
  2. Configurez le contenu, le ciblage (URL, règles d'affichage) et le comportement (bot ou live).
  3. Activez, puis contrôlez l'apparition du widget sur la page cible.

Mon conseil : ne déployez pas un chatbot sur toutes les pages. Ciblez les pages à forte intention (tarifs, contact, pages de service) et adaptez le message au contexte de la page.

Un bot générique affiché partout génère plus d'agacement que de leads. Sur les pages blog, un simple CTA vers un contenu complémentaire est souvent plus efficace.

6) Ajouter des CTA HubSpot sur un site WordPress "externe" à HubSpot

Si votre contenu est hébergé sur WordPress (donc hors du CMS HubSpot), HubSpot documente l'intégration de CTA (legacy) et Smart CTAs via un code d'intégration.
(HubSpot – intégrer des CTA (héritage) sur un site externe)

La question n'est pas "où mettre un bouton", mais où l'intention de conversion est la plus forte. Positionnez vos CTA en fin d'article (le lecteur qui arrive jusque-là est qualifié), sur les pages tarifs, contact et pages piliers. L'objectif est d'industrialiser un chemin de conversion reproductible : chaque CTA doit mener à un formulaire HubSpot, qui alimente le CRM, qui déclenche un workflow. Si ce chemin est cassé à un endroit, le CTA ne sert à rien.

7) Structurer vos données (propriétés de contact)

C'est le point que je considère comme le plus critique et le plus souvent bâclé. Votre capacité à segmenter, scorer et automatiser dépend directement de la qualité de votre modèle de données. HubSpot s'appuie sur des propriétés (champs) : propriétés par défaut et propriétés personnalisées.

Ma recommandation : définissez entre 8 et 15 propriétés "go-to-market" dès le départ. Par exemple : secteur d'activité, taille d'entreprise, besoin principal, horizon de décision, source d'acquisition, offre qui l'intéresse, et statut de qualification. Puis imposez ces propriétés dans chaque formulaire et chatflow qui alimente le CRM.

Sans cette discipline, vous vous retrouvez avec des fiches contact à moitié vides et des segments inutilisables.

Autre piège fréquent : la prolifération de propriétés. Chaque équipe crée les siennes sans vérifier si une propriété équivalente existe déjà. Résultat : trois champs différents pour stocker la même information ("Secteur", "Industry", "Domaine d'activité"). Mettez en place une convention de nommage et désignez un propriétaire du modèle de données.

8) Qualifier les leads avec le lead scoring

HubSpot décrit l'outil de lead scoring comme un système qui évalue les fiches selon des critères et écrit le résultat dans une propriété de score, réutilisable dans les segments, workflows et rapports.
(HubSpot – comprendre l'outil de lead scoring)

Mon approche : je distingue systématiquement le score de fit (le contact correspond-il à votre ICP ?) du score d'engagement (montre-t-il des signaux d'intérêt ?). C'est la combinaison des deux qui détermine si le lead est prêt pour les ventes.

Un contact qui matche parfaitement votre ICP mais qui n'a jamais ouvert un email n'est pas un MQL. Inversement, un stagiaire qui télécharge tous vos contenus n'est pas un prospect qualifié.

Fixez un seuil MQL/SQL clair et documentez la règle d'escalade vers les ventes. Sinon, le score reste décoratif — une propriété que personne ne regarde. Revoyez ce seuil chaque mois en fonction du taux de conversion réel des leads transmis.

9) Segmenter (listes/segments) pour mieux activer marketing et ventes

Les listes (ou "segments" selon l'interface) structurent vos campagnes : nurturing, retargeting, routage commercial. HubSpot documente la création de listes actives et statiques.
(HubSpot – créer des segments (actifs/statiques))

Règle que j'applique : toute liste utilisée dans un workflow doit être une liste active (mise à jour automatique). Les listes statiques sont réservées aux exports ponctuels et aux snapshots. Nommez vos listes avec un préfixe qui identifie leur usage : [WF] pour les listes de workflow, [NUR] pour le nurturing, [SALES] pour le routage commercial. Quand vous aurez 80 listes dans votre portail, vous serez content d'avoir cette convention.

10) Mesurer avec des rapports et tableaux de bord

Pour piloter votre acquisition, il faut relier sources → conversions → progression dans le funnel. HubSpot documente le partage et l'export des rapports (CSV/Excel) et la planification d'envois récurrents.
(HubSpot – partager ou exporter rapports & dashboards)

Ce que je mets en place systématiquement : un tableau de bord "Lead Ops" avec cinq rapports essentiels :

  1. Volume de leads par source (organique, paid, direct, referral) — pour savoir d'où viennent vos contacts.
  2. Taux de conversion par page et par CTA — pour identifier vos meilleurs assets de conversion.
  3. Délai moyen entre la première conversion et la première action commerciale — c'est souvent là que se situe la déperdition.
  4. Taux de passage MQL → SQL → Opportunité — pour mesurer la qualité du scoring et du routage.
  5. Contribution au pipeline par canal (si Sales Hub est en place) — pour relier le marketing au revenu.

Si un indicateur ne débouche sur aucune décision, retirez-le du tableau de bord. Le reporting doit servir à agir, pas à rassurer.

11) RGPD, consentement et cookies (UE)

Avec le tracking et les outils de capture (formulaires, chat, CTA), la conformité n'est pas optionnelle. HubSpot documente la gestion des paramètres de confidentialité des données (GDPR/data privacy settings).
(HubSpot – gérer les paramètres de confidentialité des données)

Pour les bannières de consentement et le suivi cookies, HubSpot documente la configuration des cookie tracking settings et des consent banners (nouvel éditeur), avec vérification de domaine.
(HubSpot – configurer une bannière de consentement)

Pour les équipes techniques, HubSpot met aussi à disposition une Cookie Banner API pour gérer programmatiquement certains aspects.
(HubSpot Developers – Cookie banner API)

Ce que je constate souvent : la bannière de consentement HubSpot est activée, mais le tracking se déclenche quand même avant le consentement — parce que le code HubSpot est chargé avant que la bannière ne bloque les cookies.

Vérifiez en navigation privée, sans cliquer sur "Accepter", que le cookie __hstc n'est pas déposé. Si c'est le cas, il faut revoir l'ordre de chargement des scripts ou passer par la Cookie Banner API pour conditionner le tracking au consentement explicite.

12) Checklist de mise en production

  1. Installer + connecter le plug-in, valider les droits, vérifier l'absence de double tracking.
    (HubSpot – plug-in WordPress)
  2. Vérifier le tracking en navigation privée : code de suivi actif, requêtes réseau vers HubSpot, pas de blocage par le cache ou le WAF.
  3. Tester une conversion de bout en bout : formulaire → contact créé dans HubSpot → historique de pages vues présent.
  4. Déployer un premier formulaire HubSpot et confirmer la remontée CRM.
    (HubSpot – formulaires WordPress (hérités))
  5. Activer un chatflow sur une page à forte intention (tarifs, contact, service) avec un message contextualisé.
    (HubSpot – chatflows WordPress)
  6. Normaliser les propriétés de contact : convention de nommage, propriétés go-to-market obligatoires dans les formulaires.
    (HubSpot – propriétés)
  7. Configurer le consentement cookies et les data privacy settings avant toute campagne. Tester le non-dépôt de cookies sans consentement.
    (HubSpot – data privacy)
  8. Mettre en place le tableau de bord "Lead Ops" et un export récurrent hebdomadaire.
    (HubSpot – exports & emails récurrents)

Conclusion

L'intégration HubSpot–WordPress n'est pas une simple connexion de plug-in : c'est la brique qui transforme un site vitrine en dispositif de conversion mesurable.

En connectant tracking, capture (formulaires, CTA, chat), modèle de données (propriétés), qualification (scoring) et pilotage (reporting), vous obtenez un système où chaque lead est identifié, qualifié et routé sans intervention manuelle.

La mise en place demande de la rigueur, surtout sur le modèle de données et la conformité. Si vous voulez un accompagnement pour structurer cette intégration sur votre environnement WordPress et HubSpot.

Sources (liens officiels et pages de référence)