Ajouter des formulaires HubSpot à des pages et articles WordPress (hérités)

Une fois que vous avez correctement installé le plug-in HubSpot – CRM, e-mail marketing, chat en direct, analyse de formulaires &, vous pouvez ajouter des formulaires hérités HubSpot à vos pages et articles WordPress .

Remarque : Cet article sert de référence uniquement pour les formulaires existants créés avec l’éditeur hérité uniquement. Actuellement, il n’est pas possible d’intégrer des formulaires HubSpot créés à l’aide du nouvel éditeur de formulaires dans des pages ou des articles WordPress. Découvrez-en davantage sur l’utilisation du nouvel éditeur de formulaires pour créer et gérer des formulaires.

Dans WordPress, vous pouvez ajouter vos formulaires hérités HubSpot via l'éditeur classique ou l'éditeur Gutenberg.

Avant de commencer

Avant de commencer, veuillez noter les points suivants :

• Si vous intégrez un formulaire sur votre site WordPress, il peut être nécessaire d’appliquer des déclarations CSS supplémentaires dans votre feuille de style externe afin de rendre le formulaire réactif.
• Si vous remarquez que votre formulaire ne fonctionne pas dans WordPress ou que le code intégré est modifié lorsque vous affichez la page en ligne, vous devrez peut-être insérer le formulaire à l’aide d’un plug-in pour vous assurer que le code intégré reste intact.
• Remarque : Si vous utilisez un autre plug-in de formulaire, comme Contact Form 7 ou Ninja Forms, vous pouvez collecter les soumissions dans HubSpot. Consultez le tableau des formulaires pris en charge, puis découvrez comment utiliser des formulaires externes à HubSpot.
• Si vous utilisez un formulaire externe à HubSpot sur WordPress, mais que vous ne voyez pas les données de soumission dans HubSpot, vous disposez peut-être d’un autre plug-in WordPress qui se trouve en conflit avec le plug-in HubSpot-WordPress. Désactivez le plug-in ou consultez la foire aux questions pour connaître les étapes de dépannage supplémentaires.

Éditeur classique

Pour intégrer un formulaire HubSpot hérité à vos pages et articles WordPress à l'aide de l'éditeur classique :

1. Sur votre compte Wordpress, dans le menu latéral de gauche, accédez à HubSpot > Formulaires. 
2. Passez le curseur de la souris sur le formulaire que vous souhaitez ajouter à votre site web et cliquez sur Intégrer. Vous pouvez également créer un nouveau formulaire HubSpot en cliquant sur Créer un formulaire.
3. Cliquez sur Code court WordPress, puis sur Copier pour copier le code intégré. 
4. Accédez à une page ou un article WordPress, puis collez le code court dans l’éditeur de page.

1. Sur votre compte Wordpress, dans le menu latéral de gauche, accédez à HubSpot > Formulaires.
2. Survolez un formulaire. Cliquez ensuite sur le menu déroulant Actions et sélectionnez Afficher les soumissions. Découvrez-en davantage sur l’analyse des soumissions de formulaire. 

Éditeur Gutenberg

Si vous utilisez la dernière version de Gutenberg, qui supprime le JavaScript intégré, utilisez le plug-in Inline JS Block for Gutenberg pour intégrer des formulaires et des CTA hérités HubSpot sur votre page.

Pour intégrer un formulaire HubSpot existant à vos pages et articles WordPress à l'aide de l'éditeur Gutenberg : 

1. Dans votre compte Wordpress, accédez à votre page ou à votre post. 
2. Cliquez sur l'icône Plus dans la barre d'outils. Recherchez le bloc Formulaire HubSpot et cliquez dessus pour l’ajouter à votre contenu. 

3. Dans le bloc, vous pouvez sélectionner un formulaire existant ou en créer un nouveau :

• • Pour sélectionner un formulaire existant, cliquez sur le menu déroulant Sélectionner un formulaire et sélectionnez un formulaire.
  • Pour créer un nouveau formulaire, accédez à HubSpot > Forms dans le menu latéral de gauche et cliquez sur Créer un formulaire. 

1. Sur votre compte Wordpress, dans le menu latéral de gauche, accédez à HubSpot > Formulaires.
2. Survolez un formulaire. Cliquez ensuite sur le menu déroulant Actions et sélectionnez Afficher les soumissions. Découvrez-en davantage sur l’analyse des soumissions de formulaire.