Créer et modifier des formulaires

Créez et utilisez des formulaires avec l'éditeur de formulaires pour collecter des informations sur vos visiteurs et les stocker dans votre CRM HubSpot. Lorsque vous utilisez l'éditeur de formulaires, vous pouvez créer des formulaires à plusieurs étapes. Ensuite, le formulaire doit refléter l'identité et l'image de marque de votre entreprise.

Après avoir créé votre formulaire, vous pouvez l'ajouter à vos pages HubSpot en utilisant le module de formulaire HubSpot, à un site externe en utilisant le code d'intégration du formulaire, ou le partager en tant que page autonome avec un lien de partage.

Créer un formulaire

Pour créer un formulaire :

• Dans votre compte HubSpot, accédez à Marketing > Formulaires.
• Dans l'angle supérieur droit, cliquez sur Créer un formulaire.

Remarque : Vous pouvez uniquement associer un formulaire à une unité commerciale lors de la création du formulaire. Découvrez-en davantage sur l'association d'un formulaire à une unité commerciale.

• Sélectionnez l'éditeur de formulaires.

• Dans l'angle supérieur droit, cliquez sur Suivant.
• Sélectionnez un modèle prédéfini ou, pour créer votre propre modèle, sélectionnez le modèle Commencer à partir de zéro.
• En haut, cliquez sur l'icône Crayon edit pour modifier le nom du formulaire. 

Ajouter et modifier des champs du formulaire

Ajoutez des champs de formulaire pour recueillir des informations auprès des visiteurs et des contacts de votre site web. Chaque champ de formulaire doit être associé à une propriété HubSpot. Pour ajouter un champ de formulaire :

• Dans votre compte HubSpot, accédez à Marketing > Formulaires.
• Créez un nouveau formulaire ou survolez un formulaire existant et cliquez sur Modifier.
• Dans l'angle supérieur gauche, cliquez sur l'icône + Ajouter.
• Dans le panneau de gauche, cliquez sur le type de champ et faites-le glisser sur l'aperçu du formulaire à droite pour l'inclure dans votre formulaire. Les champs peuvent être placés au-dessus, en dessous ou à côté d'autres champs. 
• Lorsque vous ajoutez un champ Numéro de téléphone, l'indicatif pays que vous sélectionnez dans le menu déroulant sera défini par défaut pour ce champ.
• Dans le panneau de droite, cliquez sur le libellé du champ et saisissez-le. Lors de la saisie du libellé du champ, une liste de propriétés similaires existantes s'affiche. 
  • Dans la boîte de dialogue Connecter un champ à une propriété, cliquez sur une propriété suggérée.
  • Pour relier votre champ de formulaire à une autre propriété, cliquez sur Rechercher des propriétés. 

• Pour créer une nouvelle propriété et l'utiliser comme une propriété connectée avec un champ dans votre formulaire :
  • Cliquez sur Créer.

• • Dans le panneau de droite, configurez votre champ de formulaire.
  • Consultez vos règles de propriété, puis cliquez sur Créer. Par défaut, l'option Afficher dans les formulaires, les formulaires contextuels et les bots est sélectionnée. Après avoir créé votre nouvelle propriété, celle-ci sera automatiquement associée au champ du formulaire. Découvrez comment gérer vos propriétés.
• Pour ajouter une propriété en tant que champ dans le formulaire, cliquez sur Propriétés dans le panneau de gauche :
  • Utilisez le menu déroulant Toutes les propriétés pour sélectionner des propriétés de contact, d'entreprise, de ticket ou d'objet personnalisé.
  • Si vous utilisez une propriété de ticket, cliquez sur le menu déroulant dans la boîte de dialogue et sélectionnez un centre de support ou une boîte de réception à connecter au formulaire. Une fois le formulaire soumis, un ticket sera automatiquement créé. 

• • Pour ajouter la propriété en tant que champ sur votre formulaire, cliquez sur la propriété et faites-la glisser vers l'aperçu du formulaire. Les champs peuvent être placés au-dessus, en dessous ou à côté d'autres champs. 

• Après avoir ajouté votre champ de formulaire, pour modifier les options d'un champ :
  • Dans le panneau de droite, cliquez sur le champ dans l'aperçu du formulaire. 
  • Dans le panneau de gauche, cliquez pour développer la section Options de champ. Les options proposées ici peuvent varier en fonction du type de propriété du champ. Découvrez-en davantage sur les autres options de personnalisation de champ disponibles.
    
    • Texte d'aide : texte affiché sous le libellé pour aider le visiteur à remplir le champ.
    • Texte d'espace réservé : texte affiché dans la zone de saisie du champ. Ce texte disparaît lorsque le visiteur saisit une valeur dans le champ et ne sera pas soumis même si le visiteur ne saisit aucune valeur.
    • Valeur par défaut : valeur qui sera soumise si elle n'est pas modifiée par le visiteur.
    • Champ masqué : lorsque cette option est activée, la valeur du champ est définie lors de la soumission du formulaire, mais le champ n'apparaît pas pour le visiteur. Une fois le paramètre activé, définissez la valeur par défaut qui passera dans la propriété lorsque le formulaire sera soumis.
    • Champ obligatoire : lorsque cette option est activée, le champ doit être renseigné pour soumettre le formulaire. Si un champ de formulaire a été défini comme obligatoire, il ne peut pas être masqué. 

Ajouter des éléments de formulaire supplémentaires

Ajoutez du texte et des médias ou de la sécurité supplémentaires à votre formulaire. Comme pour les champs de formulaire, ces éléments peuvent être placés au-dessus, au-dessous ou à côté d'autres champs. 

• Dans votre compte HubSpot, accédez à Marketing > Formulaires.
• Créez un nouveau formulaire ou survolez un formulaire existant et cliquez sur Modifier.
• Dans l'angle supérieur gauche, cliquez sur l'icône + Ajouter.
• Dans le panneau de gauche, cliquez sur Autre.
• Cliquez et faites glisser les éléments sur l'aperçu du formulaire à droite pour les inclure dans votre formulaire.
   
   
  

• Dans votre compte HubSpot, accédez à Marketing > Formulaires.
• Créez un nouveau formulaire ou survolez un formulaire existant et cliquez sur Modifier.
• Dans l'angle supérieur gauche, cliquez sur l'icône Logique workflows.
• Dans le panneau de gauche, cliquez sur Ajouter une logique.
• Dans la section de la logique, configurez vos règles de logique conditionnelle. Par exemple, si vous filtrez selon Ville et sélectionnez est l'un des Dublin, la règle de logique conditionnelle s'appliquera uniquement aux fiches d'informations affichant la valeur Dublin.
  
• Pour supprimer un filtre, cliquez sur l'icône Supprimer deletee. 
• Pour cloner un filtre, cliquez sur l'icône Cloner duplicate . 
• Pour ajouter des filtres supplémentaires à la règle, cliquez sur Ajouter un filtre à ce groupe add.
• Pour ajouter un groupe supplémentaire à la règle, cliquez sur Ajouter un groupe add.
• Si vous avez ajouté plusieurs filtres ou groupes à la règle, cliquez sur le menu déroulant ET OU entre les filtres et les groupes pour appliquer la logique ET ou OU : 
  • ET : tous les filtres de la règle doivent être vérifiés pour que la règle soit déclenchée. 
  • OU : un seul filtre du groupe doit être vérifié pour que la règle soit déclenchée. Découvrez-en davantage sur la logique ET ou OU. 

• Dans la section Alors, cliquez sur le menu déroulant pour sélectionner des actions sur le formulaire. Vous pouvez choisir parmi les options suivantes :
  • Afficher un champ : si les réponses de l'utilisateur correspondent aux critères définis dans vos règles, affichez un champ spécifique. 
  • Masquer un champ : si les réponses de l'utilisateur correspondent aux critères définis dans vos règles, masquez un champ spécifique. 
  • Passer à l'étape : si les réponses de l'utilisateur correspondent aux critères définis dans vos règles, passez à une étape spécifique. Pour utiliser cette option, le formulaire doit comporter au moins trois étapes. Découvrez-en davantage sur l'ajout d'étapes de formulaire. 
  • Rediriger vers : si les réponses de l'utilisateur correspondent aux critères définis dans vos règles, redirigez-le vers une page HubSpot ou une URL externe. Les utilisateurs d'un compte Sales Hub Entreprise ou Service Hub Entreprise peuvent rediriger les formulaires vers un lien de réunion sur une page de planification.

• En fonction de l'action sélectionnée, remplissez les champs requis. 
• Pour appliquer la logique conditionnelle, cliquez sur Enregistrer et activer. 

Gérer les règles de logique conditionnelle

• Dans votre compte HubSpot, accédez à Marketing > Formulaires.
• Créez un nouveau formulaire ou survolez un formulaire existant et cliquez sur Modifier.
• Dans l'angle supérieur gauche, cliquez sur l'icône Logique workflows.
• Pour ajouter une autre règle, cliquez sur Ajouter une logique.
• Pour modifier une règle, cliquez sur le menu déroulant Actions et sélectionnez Modifier. 
• Pour supprimer une règle, cliquez sur le menu déroulant Actions et sélectionnez Supprimer. 

Ajouter et modifier des étapes de formulaire 

Remarque : Cette fonctionnalité n'est disponible que pour Marketing Hub, Sales Hub, ou Service Hub Starter, Pro et Entreprise ou Content Hub Entreprise.

Créez des formulaires à plusieurs étapes pour encourager les utilisateurs à remplir plusieurs segments de formulaire au lieu d'un seul formulaire long. Pour ajouter une étape de formulaire dans un formulaire à plusieurs étapes :

• Dans votre compte HubSpot, accédez à Marketing > Formulaires.
• Créez un nouveau formulaire ou survolez un formulaire existant et cliquez sur Modifier.
• Dans le panneau de droite, passez la souris entre deux étapes existantes et cliquez sur l'icône + Ajouter. Une nouvelle section d'étape apparaît. Ensuite, vous pouvez configurer des champs et des éléments de formulaire supplémentaires dans le panneau d'étape.
   

• Dans votre compte HubSpot, accédez à Marketing > Formulaires.
• Créez un nouveau formulaire ou survolez un formulaire existant et cliquez sur Modifier.
• Survolez l'étape du formulaire et cliquez sur l'icône Crayon edit en haut à droite. 
• Dans le panneau de gauche, cliquez sur l'onglet Style et sélectionnez une disposition d'étape. 
• Pour supprimer la mise en page, cliquez sur Supprimer la structure en haut à droite. 

• Cliquez sur Arrière-plan de la bannière pour développer la section :
  
  • Activez l'option Couleur d'arrière-plan pour personnaliser la bannière d'arrière-plan de votre formulaire.

• • Sélectionnez une couleur et une opacité.
  • Cliquez sur le menu déroulant Dégradé pour ajouter un dégradé.
  • Utilisez une image pour l'arrière-plan de la bannière. Vous pouvez charger une image à partir de vos fichiers HubSpot, parcourir les images du disque dur de votre ordinateur ou utiliser des assistants IA pour générer des images. 

Personnaliser votre formulaire

Personnalisez le texte, les champs de saisie, le bouton et l'arrière-plan de votre formulaire et de ses étapes. Les options de style configurées dans l'onglet Style global seront appliquées à toutes les étapes du formulaire. Il n'est pas possible de personnaliser séparément les différentes étapes du formulaire. 

Remarque : Il n'est pas possible de définir votre formulaire en tant que HTML brut dans l'éditeur mis à jour. Seuls les formulaires créés à l'aide de l'éditeur hérité peuvent être définis en tant que HTML brut.

Pour styliser votre formulaire : 

• Dans votre compte HubSpot, accédez à Marketing > Formulaires.
• Créez un nouveau formulaire ou survolez un formulaire existant et cliquez sur Modifier.
• Sur le côté gauche, cliquez sur l'icône Style.

• Lorsque vous personnalisez votre texte, vos champs de saisie ou votre bouton, vous pouvez choisir parmi les styles existants à l'aide de Styles d'entrée rapide de champ. Vous pouvez également personnaliser manuellement le style de chaque composant de votre formulaire :
  • Champs : personnalisez le champ, y compris l'arrière-plan et les bordures. Vous pouvez également personnaliser la police, la taille de la police et les couleurs de vos libellés ainsi que les couleurs de votre texte d'aide, de vos espaces réservés et de votre texte d'erreur. 
  • Boutons : personnalisez la hauteur du bouton, son angle arrondi, son arrière-plan et son dégradé, puis ajoutez une ombre portée au bouton. Vous pouvez également personnaliser la police, la taille de la police et la couleur du texte du bouton. 
  • Paragraphe (texte enrichi) : personnalisez le style, la taille et la couleur du corps du texte. 
  • En-tête : personnalisez la police et la couleur du texte de votre en-tête. Vous pouvez ajouter une ombre portée à votre texte d'en-tête. 
  • Arrière-plan : personnalisez l'arrière-plan de votre formulaire et de ses étapes. Vous pouvez définir une couleur d'arrière-plan ou utiliser une image pour l'arrière-plan. Vous pouvez utiliser les assistants IA pour générer des images. Vous pouvez également définir une bordure pour votre formulaire.
  • Barre de progression : personnalisez la barre de progression de votre formulaire, y compris la couleur de la ligne de progression et la police de la barre de progression. 

Automatiser votre travail 

Activez des fonctions d'automatisation simples telles que l'envoi d'un e-mail de suivi à un contact ou l'envoi de notifications internes automatiques par e-mail à d'autres utilisateurs de HubSpot. Vous pouvez également utiliser la soumission du formulaire comme un critère d'inscription à un workflow simple. 

• Dans votre compte HubSpot, accédez à Marketing > Formulaires.
• Créez un nouveau formulaire ou survolez un formulaire existant et cliquez sur Modifier.
• Dans le panneau de gauche, cliquez sur l'icône d'automatisationsettis automati workflows.

• Pour créer un workflow simple : 

  • Dans la section Automatiser ce qui se passe une fois qu'un formulaire est soumis :
    • Pour déclencher automatiquement un e-mail de suivi après chaque soumission de formulaire, sous Envoyer un e-mail après la soumission de formulaire, cliquez sur Créer ce workflow. 
    • Pour créer votre propre workflow à partir d'un modèle vierge, sous Créez votre propre workflow simple, cliquez sur Créer un nouveau workflow. Dans le panneau coulissant de droite, sous Déclencher la ou les actions quand, sélectionnez l'option Un contact a soumis un formulaire. 
• Pour ajouter d'autres actions de workflow, cliquez sur l'icône + Plus.
  
  
• Pour activer un workflow, à côté du nom du workflow, cliquez sur le bouton. Ensuite, cliquez sur J'ai compris. Après avoir publié votre workflow simple, toutes les modifications apportées au workflow s'appliqueront automatiquement aux contacts actuellement inscrits. 

Découvrez-en davantage sur l'utilisation de l'automatisation avec les formulaires. 

Personnaliser les paramètres du formulaire

Configurez les paramètres du formulaire, y compris ce qu'il advient du contact correspondant après l'envoi du formulaire, les paramètres de notification de l'utilisateur et la langue par défaut du formulaire. Vous pouvez définir le statut marketing du contact, la phase du cycle de vie et plus encore. Certaines options peuvent ne pas s'afficher en fonction de votre abonnement à HubSpot. 

• Dans votre compte HubSpot, accédez à Marketing > Formulaires.
• Créez un nouveau formulaire ou survolez un formulaire existant et cliquez sur Modifier.
• Dans le panneau de gauche, cliquez sur l'icône Paramètres settings.
• Dans l'onglet Général, configurez les paramètres généraux suivants du formulaire :
  
  • Créer automatiquement de nouveaux contacts à partir d'adresses e-mail inconnues : sélectionnez cette option pour créer une nouvelle fiche d'informations de contact pour chaque soumission avec une adresse e-mail unique. Si l'adresse e-mail soumise correspond à une fiche d'informations de contact existante dans votre base de données, les détails de la fiche d'informations existante seront mis à jour.
    • Si cette option est désactivée, HubSpot tentera d'abord d'associer la soumission à un contact existant avec l'adresse e-mail soumise. Si aucun contact n'existe avec cette adresse e-mail, HubSpot reconnaîtra et mettra à jour vos contacts en fonction des cookies présents dans leurs navigateurs. Cela peut entraîner l'écrasement des contacts si le même formulaire est soumis plusieurs fois depuis le même appareil.
    • Si cette option est activée, lorsqu'un contact soumet le formulaire via une adresse e-mail différente sur un navigateur où il existe déjà un cookie, les vues de ce contact ne seront pas suivies. L'option Pré-remplir les champs de contact avec des valeurs connues sera également désactivée automatiquement.
  • Définir les nouveaux contacts comme contacts marketing : si votre compte HubSpot a accès aux contacts marketing, vous pouvez automatiquement définir tous les contacts ayant soumis ce formulaire comme contacts marketing. Cela inclut des contacts nouveaux et existants.
  • Pré-remplir les champs avec des valeurs connues : si un contact a précédemment visité votre site et soumis un formulaire (et que HubSpot était en mesure de stocker et de suivre ses cookies), les valeurs connues peuvent être pré-remplies dans le formulaire. Cette option est activée par défaut. Découvrez-en davantage sur les champs de formulaire préremplis. 
    
  • Raccourcissement de formulaire : si vous avez acheté des crédits Breeze Intelligence, vous pouvez rationaliser vos formulaires en masquant automatiquement tous les champs de formulaire pouvant être remplis par l'enrichissement des données. Découvrez-en davantage sur les formulaires raccourcis.
  • Ajouter à une campagne marketing : si vous disposez d'un abonnement Marketing Hub Pro ou Entreprise, vous pouvez associer le formulaire à une campagne :
    • Pour associer votre formulaire à une campagne existante, cliquez sur le menu déroulant Campagne et sélectionnez une campagne.
    • Pour associer votre formulaire à une nouvelle campagne, cliquez sur le menu déroulant Campagne et cliquez sur Créer une campagne. Puis, continuez à configurer votre campagne.

• • Lors de la soumission, mettre à jour la phase du cycle de vie du contact et de l'entreprise : cliquez sur le menu déroulant Définir la phase du cycle de vie comme et sélectionnez une phase de cycle de vie. Lorsque les visiteurs soumettent un formulaire, toute fiche d'informations nouvelle ou existante est placée dans la phase du cycle de vie sélectionnée. 
    • Vous ne pouvez pas rétrograder la phase du cycle de vie d'une fiche d'informations. Si un contact ou une entreprise existante dont la phase du cycle de vie est ultérieure soumet un formulaire, la phase du cycle de vie ne sera pas mise à jour. 
    • La phase du cycle de vie définie dans un formulaire remplacera la phase du cycle de vie par défaut configurée dans vos paramètres HubSpot.

• Pour personnaliser les paramètres de soumission, dans le panneau de gauche, cliquez sur l'onglet Paramètres de soumission. Personnalisez les paramètres de soumission de formulaire suivants : 
  • Envoyer au propriétaire du contact : envoyez automatiquement une notification au propriétaire du contact. Si un contact n'a pas de propriétaire, aucune notification ne sera envoyée. Découvrez-en davantage sur la propriété des objets dans HubSpot.
  • Envoyer à d'autres utilisateurs : sélectionnez les équipes ou les individus à qui envoyer les notifications de soumission par e-mail, quel que soit le propriétaire du contact. Les destinataires indiqués ici seront remplacés par les destinataires indiqués dans les options de formulaire sur les pages de destination HubSpot.

  • Domaines de messagerie à bloquer : saisissez des domaines de messagerie spécifiques à bloquer lors de la soumission de formulaire. Par exemple, si vous souhaitez bloquer les soumissions de e-mail@domaine.com, vous pouvez ajouter domaine.com. Pour bloquer les soumissions de tous les fournisseurs de messagerie gratuits, cliquez sur le bouton Bloquer les fournisseurs de messagerie gratuits. 

• Pour personnaliser les paramètres de langue de votre formulaire, cliquez sur l'onglet Langues et région. Cliquez sur le menu déroulant Langue principale, puis sélectionnez une langue par défaut pour votre formulaire. Les messages d'erreur, les libellés des propriétés par défaut, le texte d'aide, le texte des espaces réservés et les valeurs par défaut seront traduits dans cette langue.
• Pour créer une traduction via l'IA de votre formulaire (Marketing Hub ou Content Hub Pro et Entreprise uniquement) :
  • Activez le bouton Traduction grâce à l'IA activée pour tous les contenus de formulaires.
  • Dans le menu déroulant Langue principale, sélectionnez la langue dans laquelle vous souhaitez traduire le formulaire. Les messages d'erreur, les libellés des propriétés par défaut, le texte d'aide, le texte des espaces réservés, les valeurs par défaut, les libellés personnalisés, le texte enrichi et le texte de consentement seront traduits automatiquement dans cette langue.
  • Si vous avez mis à jour votre formulaire depuis la précédente traduction, cliquez sur Traduire à nouveau maintenant pour mettre à jour la traduction.

Gérer la validation en direct des champs de formulaire

Si vous avez défini des règles de validation pour une propriété, ces règles s'appliqueront aux champs du formulaire et les visiteurs devront satisfaire à ces exigences pour soumettre le formulaire. La validation en direct des champs de formulaire donne aux visiteurs un retour d'information immédiat sur leurs saisies, ce qui facilite la correction des erreurs et permet de remplir les formulaires avec précision.

Par exemple, si vous avez défini une règle de validation pour la propriété Numéro de commande afin qu'elle ne contienne que des valeurs numériques, les visiteurs recevront un retour d'information leur permettant de corriger toute saisie non numérique.

Par défaut, la validation en direct des formulaires est activée. Pour gérer la validation en direct des champs de formulaire :

• Dans votre compte HubSpot, cliquez sur l'icône Paramètres settings dans la barre de navigation principale.

• Dans le menu latéral de gauche, accédez à Marketing > Formulaires.

• Cliquez sur l'onglet Paramètres des soumissions. 
• Activez ou désactivez l'option Activer la validation en direct des champs de formulaires.
• Dans l'angle inférieur gauche, cliquez sur Enregistrer.

Utiliser votre formulaire

Après avoir créé un nouveau formulaire ou effectué les mises à jour de celui-ci, vous devrez mettre à jour votre formulaire pour que les modifications soient visibles. Ensuite, ajoutez-la à votre contenu HubSpot, utilisez le code d'intégration du formulaire pour l'ajouter à une page externe, ou partagez-la en tant que page autonome avec un lien de partage. 

• Dans votre compte HubSpot, accédez à Marketing > Formulaires.
• Créez un nouveau formulaire ou survolez un formulaire existant et cliquez sur Modifier.
• Dans l'angle supérieur droit, cliquez sur Analyser et mettre à jour pour publier vos mises à jour de formulaire.
• Pour partager votre formulaire, l'intégrer à une page HubSpot ou un site externe, dans l'angle supérieur droit, cliquez sur Partager, puis faites votre choix parmi les options suivantes :
  • Intégrer avec HubSpot : intégrez votre formulaire sur une page de site web CMS Hub, une page de destination ou avec des CTA HubSpot. 
  • Obtenir le code d'intégration : utilisez un code d'intégration pour ajouter votre formulaire sur une page hébergée à l'extérieur. Pour suivre l'analyse de votre formulaire sur une page externe, votre code de suivi HubSpot doit être installé sur la page. Découvrez-en davantage sur l'ajout d'un formulaire HubSpot à un site externe. 
    • En bas de la page, cliquez sur Copier.
    • Collez le code d'intégration dans le module HTML de votre page.
  • Copier un lien de partage : utilisez une URL pour partager le formulaire en tant que page indépendante. 

• • • Cliquez sur Copier pour copier l'URL de la page de formulaire dans votre presse-papiers. 
    • Dans votre navigateur, ouvrez une nouvelle fenêtre ou un nouvel onglet et collez l'URL de la page de formulaire dans la barre d'adresse pour le charger. Vous pouvez également partager l'URL de la page de formulaire directement avec d'autres pour leur donner accès au formulaire.