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

Si le formulaire HubSpot que vous avez intégré sur une page externe ne fonctionne pas ou n’apparaît pas correctement, découvrez les problèmes d’intégration de formulaire les plus courants et comment les résoudre.

Confirmer le code de suivi HubSpot 

Pour utiliser des formulaires HubSpot sur votre site externe, le code de suivi HubSpot doit être installé sur la page externe où vous placez votre formulaire. 

Pour vérifier que le code de suivi HubSpot a été installé et qu'il fonctionne correctement sur la page, découvrez comment résoudre les problèmes liés au code de suivi HubSpot. 

Confirmer le code d'intégration du formulaire

1. Dans votre compte HubSpot, accédez à Marketing > Formulaires.
2. Passez le curseur de la souris sur le formulaire et cliquez sur Modifier.
3. Si vous utilisez le nouvel éditeur de formulaires :
   • Dans l'angle supérieur droit, cliquez sur Vérifier et mettre à jour.
   • Dans le panneau de droite, en bas, cliquez sur Mettre à jour. 

1. • Dans la boîte de dialogue, cliquez sur Obtenir le code d'intégration. 
   • Cliquez sur Copier. 

4. Si vous utilisez l'éditeur de formulaires hérité :
   • Dans la partie supérieure droite de l'éditeur de formulaire, cliquez sur Embed. 
   • Dans la boîte de dialogue, cliquez sur Copier.
     

5. Dans votre navigateur, accédez à Diff Checker, un outil de comparaison de texte. 
6. Dans la section Texte d'origine, collez le code d'intégration du formulaire.
7. Naviguez jusqu'à la page du site web où le formulaire est intégré. Ensuite, faites un clic droit n’importe où sur la page et sélectionnez Afficher la source de la page.
8. Localisez le code d'intégration du formulaire dans la source de la page et copiez-le.
9. Retournez au vérificateur de différences.
10. Dans la section Texte modifié , collez le code externe intégré.
11. Cliquez sur Trouver la différence pour rechercher du code manquant ou cassé. Si les codes intégrés sont identiques, le message Les deux fichiers identiques s’affichera. Sinon, toute différence sera mise en évidence en rouge et en vert.

Si le code intégré externe ne correspond pas au code HubSpot, réintégrez le code approprié 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 '&' dans le code de formulaire intégré en '&', ce qui cassera la fonctionnalité du code.
• 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.

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.