Dépanner les formulaires HubSpot intégrés en externe
Dernière mise à jour: novembre 27, 2024
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 vérifier que le code d’intégration de votre page externe est correct, comparez le code d’intégration de formulaire fourni par HubSpot avec le code qui se trouve sur votre site :- Dans votre compte HubSpot, accédez à Marketing > Formulaires.
- Passez le curseur de la souris sur 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 d’intégration du 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.
Ajouter des domaines de site
Ajoutez le domaine de la page externe sur laquelle le formulaire est intégré en tant que domaine de site supplémentaire dans HubSpot. Les soumissions de formulaires à partir de pages qui ne sont pas ajoutées seront marquées comme spam.
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 Insérer 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. Découvrez-en davantage sur ce qui se passe lorsque vos formulaires HubSpot sont bloqués.