Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.

Dépanner les formulaires HubSpot intégrés en externe

Dernière mise à jour: juin 28, 2023

Disponible avec le ou les abonnements suivants, sauf mention contraire :

Tous les produits et les abonnements

Si le formulaire HubSpot que vous avez intégré sur une page externe ne fonctionne pas ou ne s'affiche pas correctement, découvrez les problèmes les plus courants liés à l'intégration de formulaires et comment les résoudre.

Confirmer le code d'intégration du formulaire

Pour confirmer que le code d'intégration de votre page externe est correct, comparez le code d'intégration du formulaire fourni par HubSpot avec le code qui se trouve sur votre site :
  • Dans votre compte HubSpot, accédez à Marketing > Formulaires.
  • Survolez le formulaire et cliquez sur Modifier.
  • Dans la partie supérieure droite de l'éditeur de formulaire, cliquez sur Embed.
  • Dans la boîte de dialogue, cliquez sur Copier.

  • Dans le navigateur, accédez à Diff Checker, un outil de comparaison textuelle. 
  • Dans la section Texte d'origine, collez le code intégré dans le formulaire.
  • Naviguez jusqu'à la page du site web où le formulaire est intégré. Ensuite, cliquez avec le bouton droit de la souris n'importe où sur la page et sélectionnez Afficher la source de la page
  • Localisez le code d'intégration du formulaire dans la source de la page et copiez-le.
  • Retournez au vérificateur de différences.
  • Dans la section Texte modifié, collez le code intégré en externe.
  • Cliquez sur Chercher la différence pour rechercher le code incomplet ou rompu. Si les codes d'intégration sont identiques, le message Les deux fichiers sont identiques s'affiche. Dans le cas contraire, les différences sont mises en évidence en rouge et en vert.

Si le code intégré en externe ne correspond pas au code HubSpot, réintroduisez le code correct sur votre page externe.

Si le code intégré en externe correspond au code HubSpot, il se peut que quelque chose dans le HTML ou le JavaScript de votre page externe interfère avec le code d'intégration du formulaire. Vous devez travailler avec votre développeur pour résoudre le problème.

Problèmes d'intégration spécifiques à l'hôte

Si vous utilisez WordPress, Squarespace ou Wix, vous pouvez poursuivre le dépannage pour les problèmes suivants dans chacun des hébergeurs de sites web ci-dessous. 

WordPress

Si votre formulaire est intégré à une page WordPress, vous pouvez rencontrer les problèmes suivants :

  • WordPress peut convertir les « & » dans le code intégré du formulaire en « & », ce qui bloque la fonctionnalité du compte.
  • Les thèmes WordPress XHTML ajouteront des balises <![CDATA[ ]]> autour du JavaScript, ce qui ne devrait pas affecter le rendu du formulaire, mais c'est quelque chose dont il faut tenir compte lors de la vérification du code d'intégration du formulaire.

Si WordPress modifie le code d'intégration, il est recommandé d'utiliser un plugin tiers tel que Insert HTML Snippet pour ajouter le formulaire à la page ou à l'article en tant que shortcode afin de préserver les balises de script.

Squarespace

Certains modèles Squarespace ne rendent les scripts que lors du chargement initial de la page et non sur les autres pages. Cela peut avoir pour conséquence que les formulaires HubSpot ne fonctionnent pas correctement sur certaines pages parce que les scripts du formulaire ne sont pas chargés lorsque le visiteur navigue sur votre site web. 

Pour éviter cela, essayez de désactiver le chargement Ajax dans Squarespace. Si cela ne fonctionne pas, vous pouvez également essayer d'utiliser un autre modèle Squarespace.

Wix

Wix ne prend généralement pas en charge le codage personnalisé sur les sites web hébergés. Il n'est donc pas possible d'intégrer votre formulaire HubSpot directement dans une page Wix.

Pour ajouter un formulaire HubSpot à votre page Wix, essayez d' abord d'ajouter un module Wix iframe, puis ajoutez le formulaire au module soit en tant que Widget en entrant le code d'intégration du formulaire, soit en tant que Site intégré en entrant l'URL de la page autonome du formulaire. 

Problèmes spécifiques aux navigateurs

Si vous disposez d'une extension de navigateur bloquant les ressources comme Ghostery, vos formulaires HubSpot peuvent être empêchés de se charger et de s'afficher. En savoir plus sur ce qui se passe lorsque vos formulaires HubSpot sont bloqués

Cet article vous a-t-il été utile ?
Ce formulaire n'est utilisé que pour recueillir du feedback sur la documentation. Découvrez comment obtenir de l'aide sur HubSpot.