Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Integrations

Ajouter des formulaires HubSpot aux pages et aux posts WordPress

Dernière mise à jour: septembre 14, 2022

Disponible avec :

Tous les produits et les abonnements

Une fois que vous avez correctement installé le plug-in Wordpress HubSpot tout-en-un – Formulaires, Pop-ups, Chat en direct, vous pouvez ajouter des formulaires HubSpot à vos pages et publications 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 ce qui suit : 

  • 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 ou 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.
  • Si vous utilisez un autre plug-in de formulaire, tel que Contact Form 7 ou Ninja Forms, vous pouvez collecter les soumissions dans HubSpot (Point central), qui vous permet de collecter les soumissions dans HubSpot (Formulaire de contact 7 ou Formulaire ninja 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 posts WordPress à l'aide de 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 Copier le shortcode.  Vous pouvez également créer un nouveau formulaire HubSpot en cliquant sur Créer un formulaire.
  • Accédez à une page ou un article WordPress, puis collez le shortcode dans l'éditeur de page.
     add-shortcode-to-website
  • Après la publication de votre page, pour consulter les soumissions au formulaire dans WordPress :
    • Sur votre compte Wordpress, dans le menu latéral de gauche, accédez à HubSpot > Formulaires.
    • Passez le curseur de la souris sur un formulaire. Cliquez ensuite sur le menu déroulant Actions et sélectionnez Afficher les soumissions. En savoir plus 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 à la place de celle-ci, ce qui signifie que vous ne pouvez pas utiliser le code JavaScript en ligne dans le 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 publications WordPress à l'aide de 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. 

wordpress-hubspot-form-block

  • Dans le bloc, vous pouvez sélectionner un formulaire existant ou créer un nouveau formulaire :
    • Pour sélectionner un formulaire existant, cliquez sur le menu déroulant Sélectionner un formulaire existant 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

wordpress-hubspot-form-select-an-existing-form

 
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.