Dernière mise à jour: juin 26, 2023
Disponible avec le ou les abonnements suivants, sauf mention contraire :
Tous les produits et les abonnements
|
Lorsque vous intégrez un formulaire HubSpot sur votre page externe, il se peut qu'il apparaisse à un endroit différent de celui souhaité.
Cela peut être dû au fait que le formulaire est affiché de manière dynamique sur la page ou à un problème lié à l'ajout de plusieurs codes d'intégration de formulaire dans la même balise <div> de la page HTML.
Ces problèmes peuvent être résolus en personnalisant le code d'intégration du formulaire. Pour en savoir plus sur la personnalisation du code d'intégration du formulaire, consultez la documentation pour les développeurs de HubSpot.
Formulaire unique
Un formulaire peut parfois être rendu de manière dynamique sur une page et se charger à différents endroits. Parfois, sur les navigateurs plus anciens, le formulaire ne s'affiche même pas.
Pour vous assurer que le formulaire se charge correctement dans une partie spécifique de la page, vous pouvez ajouter un attribut target au code d'intégration du formulaire afin de spécifier le conteneur spécifique dans lequel vous souhaitez que le formulaire soit affiché.
Par exemple, vous pouvez forcer le formulaire à s'afficher dans un conteneur sur la page avec la classe CSS sidebar. Pour ajouter un attribut target au code d'intégration du formulaire :
- Dans le code d'intégration du formulaire, ajoutez une virgule (,) après le formId.
- Ensuite, entrez une nouvelle ligne et saisissez target : '[nom du conteneur]' .
Formes multiples
Lorsque vous intégrez le même formulaire HubSpot plusieurs fois sur une page externe, les formulaires peuvent apparaître côte à côte ou au mauvais endroit. Cela se produit si les codes d'intégration du formulaire sont ajoutés à la même balise <div> dans la page HTML.
Pour garantir le chargement et l'affichage corrects des formulaires, ajoutez l'attribut formInstanceId et spécifiez une valeur unique pour chaque code d'intégration de formulaire :
- Dans le code d'intégration du formulaire, ajoutez une virgule (,) après la valeur de l'attribut formId,
- Ensuite, entrez une nouvelle ligne et saisissez formInstanceId: '[number]'.
- Ajoutez et numérotez chaque formulaire dans l'ordre où il apparaît sur la page. Par exemple, "1" pour la première forme, "2" pour la deuxième forme, etc.
