Comment remplacer un formulaire existant par un formulaire HubSpot sur un site web externe ?

Dernière mise à jour: March 2, 2018

Disponible avec :

Marketing: Basique, Pro, Enterprise
Sales: N/A
Services: N/A

HubSpot comprend parfaitement que certains de ses clients n'hébergent pas leur site web sur HubSpot, mais souhaitent néanmoins capturer les informations sur leurs leads et les enregistrer dans HubSpot. Nous proposons deux solutions : l'API Formulaires et le code d'intégration des formulaires. L'utilisation du code d'intégration vous permet de bénéficier de tous les avantages des formulaires HubSpot (intégration des contacts dans la base de données, champs intelligents et profilage progressif) sur le site externe sur lequel est installé le code de suivi HubSpot  (dans les versions Pro et Entreprise). Pour bénéficier de toutes les fonctionnalités des formulaires HubSpot, vous devez faire figurer le code de suivi sur chaque page web publiée avant d'ajouter le code d'intégration du formulaire.

Si vous avez besoin d'une autre fonctionnalité de formulaire, mais souhaitez toujours envoyer à HubSpot les données de contact capturées, vous pouvez coder votre formulaire et utiliser l'API Formulaires pour transmettre les données à HubSpot par l'intermédiaire du script d'action du formulaire côté serveur. Le travail d'un développeur est nécessaire à l'utilisation de l'API Formulaires, mais vous trouverez ici les concepts de base. Pour en savoir plus sur l'API Formulaires, consultez notre documentation pour les développeurs.

Étant donné que le code d'intégration contient du code JavaScript, vous devez d'abord vous assurer que l'autre CMS autorise l'utilisation de JavaScript dans les zones de contenu de vos pages.

Lorsque votre formulaire HubSpot est placé sur votre site web externe (avec un code de suivi), il fonctionne de la même manière que s'il figurait sur une page HubSpot. Vous pouvez y afficher la source d'origine des contacts, voir les données soumises et la page sur laquelle elles sont soumises, analyser les vues en fonction du taux de soumission afin d'examiner la performance des formulaires, créer des listes en fonction de ces données, exécuter des workflows basés sur la soumission du formulaire, etc. L'utilisation de formulaires HubSpot sur les pages de destination et les pages de site HubSpot stocke tous les contenus en un même emplacement et facilite la création, le partage et l'analyse des performances de chaque page, mais il est très simple d'utiliser ces formulaires en externe.

Instructions

Suivez ces instructions pour copier le code d'intégration d'un formulaire HubSpot.

1. Ouvrir le formulaire

Dans le tableau de bord HubSpot Marketing, accédez à Contacts > Formulaires pour ouvrir un formulaire existant ou en créer un.

2. Sélectionner l'option Intégrer

Une fois le formulaire prêt et enregistré, cliquez sur le bouton Intégrer.

3. Insérer une URL de redirection ou un message de remerciement en ligne

Saisissez ou copiez l'URL de redirection sur la première ligne.

Pour que vous puissiez utiliser un formulaire HubSpot sur un site externe, la soumission du formulaire doit rediriger les leads vers une page de remerciement ou afficher un message de remerciement en ligne. 

Vous pouvez également insérer votre propre message de remerciement en ligne qui s'affichera lorsqu'une personne remplira le formulaire.

Si votre compte est intégré à Salesforce, vous pouvez sélectionner une campagne Salesforce active pour inclure des contacts de cette campagne lors des soumissions de formulaire. Lorsque vos contacts soumettent un formulaire, qui est ensuite synchronisé avec Salesforce, ils sont intégrés dans la campagne sélectionnée. Seules les campagnes actives apparaissent dans cette liste de sélection.

La plupart des modifications apportées au formulaire dans l'application HubSpot sont automatiquement reflétées dans le formulaire intégré. Par conséquent, si vous modifiez la campagne Salesforce, vous devez remplacer le code d'intégration. Si vous modifiez les campagnes après l'intégration du formulaire :

  • Revenez au formulaire,
  • Sélectionnez une nouvelle campagne,
  • Intégrez le nouveau code de formulaire sur le site web externe.

Les nouvelles soumissions seront liées à la nouvelle campagne (en fonction de l'ID figurant dans le code d'intégration) et les anciennes soumissions devront être déplacées vers la nouvelle campagne dans Salesforce.

4. Copier le code d'intégration

Dans la fenêtre, copiez le code d'intégration qui s'affiche. Tous les éléments de code doivent être présents pour que les informations sur les leads soient correctement capturées et transmises à HubSpot.

Si vous ajoutez de nouvelles propriétés ou modifiez des options de propriété existantes, elles apparaîtront sur la page externe avec les nouvelles options de champ.

5. Enregistrer le formulaire

Enfin, enregistrez votre formulaire, car de nouvelles options lui sont associées.

6. Intégrer le formulaire HubSpot sur votre page externe

Cette étape consiste à copier le code intégré du formulaire (cf. étape 4) et à le coller sur la page externe. Vous devez pour cela accéder au code HTML de la page externe en question. Si vous ne savez pas où insérer le code intégré du formulaire dans le code HTML de la page externe, nous vous recommandons de consulter l'administrateur du site web afin que le formulaire soit correctement intégré à l'endroit souhaité.

Modification du code d'intégration (utilisateurs confirmés)

Dans certains cas, vous souhaiterez modifier le code d'intégration afin de personnaliser davantage la présentation et d'autres options de votre formulaire. Par exemple, les formulaires HubSpot intégrés chargent automatiquement des options de style afin qu'ils s'affichent correctement sur chaque page, quelle que soit leur CSS. Toutefois, certains utilisateurs confirmés souhaiteront personnaliser l'apparence de leur formulaire en modifiant le code d'intégration. Pour consulter diverses options de personnalisation, cliquez ici.

Article précédent:

Article suivant: