Ajouter des formulaires HubSpot aux pages et aux articles WordPress

Une fois que vous avez installé avec succès le HubSpot - CRM, E-mail Marketing, Live Chat, Forms & Analytics plugin, vous pouvez ajouter des formulaires HubSpot à vos pages et articles WordPress.

Dans WordPress, vous pouvez ajouter vos formulaires 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 d'intégration est modifié lorsque vous consultez la page en direct, vous devrez peut-être insérer le formulaire à l'aide d'un plugin pour vous assurer que le code d'intégration 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 apprenez comment utiliser des formulaires non HubSpot. 
• Si vous utilisez un formulaire compatible 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 plugin ou consultez les questions fréquemment posées pour connaître les étapes de dépannage supplémentaires. 

 Éditeur classique

Pour intégrer un formulaire à vos pages et articles WordPress en utilisant l'éditeur classique :

• Sur votre compte Wordpress, dans le menu latéral de gauche, accédez à HubSpot > Formulaires. 
• Survolez le formulaire que vous souhaitez ajouter à votre site web et cliquez sur Embed. Vous pouvez également créer un nouveau formulaire HubSpot en cliquant sur Créer un formulaire.
• Cliquez sur WordPress short code, puis cliquez sur Copy pour copier le code d'intégration. 
• Accédez à une page ou un article WordPress, puis collez le shortcode dans l'éditeur de page. 
  
• Après avoir publié votre page, pour voir les soumissions au formulaire dans WordPress :
  • Depuis votre compte WordPress, dans le menu de la barre latérale gauche, naviguez vers HubSpot > Forms.
  • Survolez un formulaire . Ensuite, cliquez sur le menu déroulant Actions et sélectionnez View submissions. En savoir plus sur l'analyse de vos soumissions de formulaires. 

Éditeur Gutenberg

Si vous utilisez la dernière version de Gutenberg, qui élimine le code JavaScript en ligne, utilisez le bloc de code JS en ligne pour le plug-in Gutenberg afin d'intégrer des formulaires et des CTA sur votre page.

Pour intégrer un formulaire à vos pages et articles WordPress en utilisant l'éditeur Gutenberg : 

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

• 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 > Formulaires dans le menu latéral de gauche et cliquez sur Créer un formulaire.
    
    

• Après avoir publié votre page, pour voir les soumissions au formulaire dans WordPress :
  • Depuis votre compte WordPress, dans le menu de la barre latérale gauche, naviguez vers HubSpot > Forms.
  • Survolez un formulaire . Ensuite, cliquez sur le menu déroulant Actions et sélectionnez View submissions. En savoir plus sur l'analyse de vos soumissions de formulaires.