Ajouter des formulaires HubSpot aux pages et aux articles WordPress

Une fois que vous avez installé avec succès leplug-in HubSpot - CRM, e-mail Marketing, chat en direct, formulaires et analytics, vous pouvez ajouter des formulaires HubSpot à vos articles et pages 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 le formulaire ne fonctionne pas dans WordPress ou que le code intégré est en cours de modification lorsque vous accédez à la page en direct, il peut être nécessaire d'insérer le formulaire en utilisant un plug-in 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. Analysez le tableau des formulaires compatibles, puis découvrez comment utiliser les formulaires externes à 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 plug-in ou consultez la foire aux questions pour obtenir des é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. 
• 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.
• Cliquez sur Code court WordPress, puis sur Copier pour copier le code intégré. 
• 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 du formulaire dans WordPress :
  • Sur votre compte Wordpress, dans le menu latéral de gauche, accédez à HubSpot > Formulaires.
  • Survolez un formulaire. Puis, cliquez 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 é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 du formulaire dans WordPress :
  • Sur votre compte Wordpress, dans le menu latéral de gauche, accédez à HubSpot > Formulaires.
  • Survolez un formulaire. Puis, cliquez sur le menu déroulant Actions et sélectionnez Afficher les soumissions. Découvrez-en davantage sur l'analyse des soumissions de formulaire.