HubSpot est une plateforme de marketing et de gestion de la relation client tout-en-un très populaire, conçue pour vous aider à développer votre activité. Avec le Constructeur de formulaires de Hubspot, vous pouvez commencer à convertir les visiteurs de votre site en prospects qualifiés, recueillir des informations sur vos clients et stimuler l’engagement.
En créant divers formulaires avec HubSpot sur nos sites de test, nous avons acquis une compréhension de première main de son efficacité, de son interface simple/simple d’utilisation et de ses puissantes fonctionnalités.
Dans cet article, nous allons vous afficher comment créer un formulaire HubSpot dans WordPress. Nos instructions étape par étape sont conçues pour être conviviales pour les débutants et ne nécessitent aucune connaissance en codage.
Pourquoi utiliser HubSpot pour créer des formulaires ?
HubSpot est une plateforme de marketing et de vente qui aide les entreprises à se développer. Elle est livrée avec de nombreux outils, notamment un gestionnaire de la relation client(CRM), un système de gestion de contenu(CMS), un marketing e-mail intégré et la génération de prospects.
Il dispose également d’un puissant Constructeur de formulaires WordPress, qui s’intègre parfaitement à WordPress, vous permettant de créer des formulaires sans tracas. Comme la plupart des constructeurs de formulaires, vous pouvez facilement créer des formulaires personnalisés pour votre site sans aucune expertise technique.
Si vous utilisez déjà l’application CRM de HubSpot, chaque internaute qui remplit votre formulaire sera automatiquement ajouté à votre base de données. De cette façon, vous pouvez les nourrir avec des campagnes d’e-mails et des messages personnalisés.
Ce constructeur de formulaires par glisser-déposer vous permet de créer des formulaires interactifs sans une seule ligne de code, ce qui en fait l’un des meilleurs plugins de formulaires de contact.
N’oubliez pas non plus que HubSpot peut facilement s’intégrer à d’autres outils de formulaires tels que WPForms, Formidable Forms, etc. Hubspot est un logiciel très populaire. Il y a de fortes chances que vous puissiez le connecter à presque tous les outils pour petites entreprises, comme les services de marketing par courriel, les logiciels d’automatisation du marketing et d’autres systèmes.
Ceci étant dit, voyons comment créer un formulaire HubSpot dans WordPress :
Méthode 1 : Création d’un formulaire HubSpot à l’aide de l’extension HubSpot
Vous pouvez facilement créer un formulaire HubSpot pour votre site WordPress à l’aide de l’extension HubSpot.
Tout d’abord, vous devez installer et activer l’extension HubSpot. Pour plus de détails, consultez notre guide sur l ‘installation d’une extension WordPress.
Une fois activée, l’extension ajoutera un nouvel élément de menu dans la colonne latérale d’administration de WordPress. Il suffit de cliquer sur HubSpot pour être dirigé vers l’assistant de configuration, où vous pouvez créer un compte HubSpot si vous n’en avez pas déjà un.
Si vous avez un compte, vous devez cliquer sur le lien « Se connecter ici » en haut de la page.
Une fenêtre surgissante de connexion à HubSpot s’affiche.
Il vous suffit de saisir votre identifiant et votre mot de passe, puis de cliquer sur le bouton « Connexion ».
Après vous être connecté, HubSpot vous demandera si vous souhaitez continuer avec le compte avec lequel vous venez de vous connecter.
Il suffit de cliquer sur le bouton « Continuer avec ce compte ».
Ensuite, il vous sera demandé de connecter votre compte HubSpot à votre site WordPress.
Il suffit de cliquer sur le bouton « Connecter le site ».
Une fois que vous avez connecté le site WordPress à votre compte HubSpot, allez dans HubSpot » Forms depuis le tableau de bord WordPress.
Vous accédez alors à la page « Formulaires ». Cliquez sur le bouton « Créer un formulaire gratuit » en haut à droite.
Ensuite, vous devez sélectionner votre type de formulaire et cliquer sur le bouton « Suivant » en haut de la page.
Pour ce tutoriel, nous allons créer un « Formulaire Embarqué ».
Vous accéderez ensuite à la bibliothèque de modèles de HubSpot.
Il vous suffit de choisir le Modèle que vous préférez, par exemple « Inscription » ou « Contactez-nous ». Cliquez ensuite sur le bouton « Démarrer » en haut de la page.
Maintenant que vous êtes dans l’éditeur de formulaire, vous pouvez modifier le modèle de formulaire prédéfini en faisant glisser les champs de gauche à droite dans l’aperçu.
Lorsque vous avez fini de personnaliser, cliquez sur le bouton « Envoyer » en haut de la page.
Une fenêtre surgissante « Avis et publication » s’affiche.
Il suffit de défiler vers le bas et de cliquer sur le bouton « Publier ».
Ensuite, une fenêtre contextuelle s’affichera sur votre écran. Comme il s’agit d’un formulaire intégré, un shortcode sera fourni.
Il ne vous reste plus qu’à cliquer sur le bouton « Copier » à côté du code court.
Vous pouvez embarquer ce code sur n’importe quelle page où vous souhaitez ajouter votre formulaire HubSpot. En savoir plus, consultez notre guide sur l’ajout de codes courts dans WordPress.
Méthode 2 : Créer un formulaire HubSpot en utilisant WPForms
Vous pouvez également créer un formulaire HubSpot en utilisant WPForms, qui est livré avec un module d’intégration HubSpot. WPForms est le constructeur de formulaires WordPress par glisser-déposer le plus populaire, avec plus de 6 millions d’installations actives.
Note : Vous aurez besoin au minimum d’une offre Elite pour accéder au module HubSpot.
La première chose à faire est d’installer et d’activer l’extension WPForms. Consultez notre guide détaillé sur l ‘installation d’une extension WordPress.
Une fois activé, allez dans WPForms » Modules depuis le Tableau de bord. Cela vous amènera à la page ‘WPForms Addons’.
Il vous suffit de localiser le module HubSpot et de cliquer sur le bouton « Passer à niveau vers ».
Vous accéderez ainsi à la page de votre compte WPForms. Ici, défilez simplement vers le bas jusqu’au ‘HubSpot Addon’ et cliquez sur le bouton de téléchargement.
Ensuite, vous pouvez installer et activer le module HubSpot de la même manière que vous avez installé et activé l’extension.
Ensuite, allez dans WPForms » Réglages depuis le tableau de bord WordPress. Puis, dirigez-vous vers l’onglet » Intégrations « .
Vous y trouverez HubSpot dans la liste des intégrations. Il suffit de cliquer sur l’icône en forme de flèche pour déplier la section, puis vous pouvez cliquer sur le bouton » Ajouter un nouveau compte « .
Une invite s’ouvre, vous demandant de vous connecter avec votre compte HubSpot. Saisissez simplement les informations de connexion de votre compte HubSpot.
Si vous n’avez pas encore de compte, vous pouvez en créer un ici.
Ensuite, il vous sera demandé si vous souhaitez continuer à utiliser ce compte.
Il suffit de cliquer sur le bouton « Continuer avec ce compte ».
Après cela, vous afficherez une fenêtre surgissante vous demandant de connecter WPForms à HubSpot.
Cliquez sur le bouton « Connecter l’application » en bas de la page.
Sur votre Tableau de bord WordPress, retournez à l’écran » Intégrations « .
Vous devriez maintenant voir « Connecté » à côté de la section HubSpot.
Allez maintenant dans WPForms » Ajouter une nouvelle depuis le tableau de bord pour créer votre formulaire HubSpot.
Tout d’abord, sélectionnez un modèle de formulaire dans la bibliothèque de modèles de WPForms.
Après cela, vous serez dirigé vers l’interface WPForms, où vous pourrez modifier le modèle de formulaire.
Maintenant, cliquez sur l’option ‘Marketing’ dans la barre de menu à gauche. Sélectionné simplement « HubSpot » dans la liste des intégrations.
Une fenêtre surgissante HubSpot apparaît alors à l’écran. Il suffit de cliquer sur le bouton » Ajouter une nouvelle connexion » en haut.
WPForms vous invite désormais à saisir un Pseudonyme pour une connexion.
Vous êtes libre de choisir le nom que vous voulez, car personne d’autre que vous ne le verra. Cliquez simplement sur le bouton « OK » lorsque vous avez terminé.
WPForms vous demandera alors de sélectionner votre compte HubSpot et de choisir une action à effectuer. Il vous suffit de sélectionner votre compte dans le champ » Sélectionner un compte « .
Choisissez ensuite l’option « Créer/mettre à jour un contact » dans le champ « Action à effectuer ».
Après avoir sélectionné cette option, de nouveaux réglages apparaissent dans le formulaire.
Remplissez ces champs en conséquence. Puisque nous voulons envoyer les contacts de votre formulaire de génération de prospects à HubSpot, nous sélectionnerons l’option » Créer/mettre à jour un contact « .
Tous ces champs, tels que les noms, les e-mails et l’état des prospects, seront mis à jour dans la base de données HubSpot.
Ensuite, vous êtes prêt à personnaliser votre formulaire dans le Constructeur de formulaires.
Il suffit de créer des champs par glisser-déposer depuis la partie gauche vers la prévisualisation en direct à droite.
Vous pouvez ajouter toutes les informations que vous souhaitez collecter et organiser dans votre compte HubSpot.
Une fois satisfait, cliquez sur le bouton « Contenu embarqué » présent en haut du Constructeur de formulaires.
La fenêtre « Contenu embarqué dans une page » s’ouvre.
Si vous souhaitez embarquer votre formulaire HubSpot sur une nouvelle page, cliquez sur la faculté » Créer une nouvelle page « .
Pour intégrer un formulaire dans une page existante, cliquez sur l’option « Sélectionner une page existante ».
Ensuite, il suffit de choisir la bonne page dans la liste déroulante qui apparaît.
Cliquez ensuite sur le bouton « Let’s Go ».
Vous serez automatiquement dirigé vers la page que vous avez sélectionnée dans le menu déroulant. Le formulaire HubSpot y sera déjà Embarqué.
Cliquez simplement sur le bouton « Publier » en haut de l’éditeur de contenu pour mettre en ligne votre nouveau formulaire.
Voilà, c’est fait ! Nous espérons que vous avez appris comment créer un formulaire HubSpot dans WordPress. Vous pouvez également consulter notre guide ultime des formulaires WordPress et notre comparaison entre Contact Form 7 et WPForms pour trouver la meilleure option pour votre site.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
Vous avez une question ou une suggestion ? Laissez un commentaire pour lancer la discussion.