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.

Créer et personnaliser des formulaires

Dernière mise à jour: 29 juin 2026

Disponible avec le ou les abonnements suivants, sauf mention contraire :

Utilisez des formulaires HubSpot pour collecter des informations auprès des visiteurs et créer ou mettre à jour des fiches d’informations dans votre CRM. Capturez des leads, recueillez des informations sur les clients et déclenchez des actions de suivi telles que l’envoi d’e-mails ou l’ajout de contacts à des segments. 

Par exemple, ajoutez un formulaire à une page de destination afin de collecter des adresses e-mail pour une newsletter. Envoyez ensuite un e-mail de suivi automatisé une fois que le visiteur a soumis le formulaire.

Autorisations requises Les autorisations Modifier les formulaires sont requises pour créer et modifier des formulaires.


Créer un formulaire

Créez un formulaire pour collecter des informations auprès des visiteurs et capturer leurs informations dans le CRM. 

  1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Marketing > Formulaires. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à Marketing > Formulaires.
  2. Pour associer un formulaire à une marque spécifique, cliquez sur votre photo de profil, accédez au noir, puis sélectionnez la marque à laquelle vous souhaitez associer le formulaire. Découvrez-en davantage sur l’association de ressources à des marques.
  3. Dans l’angle supérieur droit, cliquez sur Créer un formulaire.
  4. Sélectionnez l’éditeur de formulaire, puis cliquez sur Suivant.
  5. Accédez à un modèle prédéfini et cliquez sur Utiliser le modèle. Pour créer votre propre formulaire, utilisez le modèle Commencer à partir de zéro

Ajouter des champs à un formulaire

Les champs de formulaire collectent des informations spécifiques auprès des visiteurs et mettent à jour les propriétés correspondantes dans votre CRM.

  1. Dans l’angle supérieur gauche de l’éditeur de formulaire, cliquez sur l’icône + Ajouter.
  2. Dans le panneau Champs, cliquez sur le type de champ et faites-le glisser sur le formulaire.
  3. Dans le panneau Modifier le champ , recherchez et sélectionnez une propriété existante à laquelle connecter le champ. 
  4. Pour créer et connecter une nouvelle propriété, cliquez sur Créer une nouvelle propriété
  5. Dans le panneau de droite, configurez votre propriété. Cliquez ensuite sur Créer une propriété.

Une fois créée, la nouvelle propriété est automatiquement connectée au champ de formulaire sélectionné. Dans les paramètres de propriété, l’option Afficher dans les formulaires et les chatflows est sélectionnée par défaut. Découvrez comment gérer vos propriétés.

Remarque :

  • Par défaut, le champ E-mail est obligatoire pour les soumissions de formulaires pour créer des contacts. HubSpot vérifiera si l'adresse e-mail est valide avant d'autoriser un utilisateur à soumettre le formulaire. Découvrez-en davantage sur l’autorisation des soumissions de formulaires sans adresse e-mail pour la création de contacts.
  • Les propriétés de calcul, de texte enrichi et d’e-mail personnalisées ne peuvent pas être utilisées dans un formulaire.
  • Par défaut, le code pays du champ Numéro de téléphone correspond à l’adresse IP de l’appareil du visiteur. Il n’est pas possible de masquer le menu déroulant des codes pays lorsque vous utilisez la propriété par défaut du numéro de téléphone. Vous pouvez également créer une propriété personnalisée pour collecter le numéro de téléphone du visiteur sans indicatif pays.

 

Modifier les options de champ de formulaire

Après avoir ajouté un champ à votre formulaire, modifiez les options d’un champ :

  1. Dans l’éditeur de formulaire, cliquez sur le champ que vous souhaitez modifier.

  2. Dans le panneau Modifier le champ , accédez à la section Options de champ . Les options suivantes peuvent varier selon le type de propriété du champ :
    • Texte d’aide : texte informatif affiché sous le libellé du champ.
    • Texte d’espace réservé : texte affiché à l’intérieur du champ avant la saisie. Le texte d’espace réservé s’efface lorsque le visiteur saisit une valeur dans le champ. La valeur n’est pas saisie dans la soumission, même si le champ reste vide.
    • Valeur par défaut : valeur à soumettre 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é.
L’éditeur de formulaires avec le panneau de gauche affichant les options permettant de modifier le champ de formulaire. L’option permettant de rendre un champ de formulaire obligatoire est activée et mise en surbrillance.

Ajouter du texte, des éléments multimédias, de sécurité et de confidentialité

Personnalisez votre formulaire en ajoutant du texte, des images et des en-têtes. Découvrez-en davantage sur l’ajout d’options de confidentialité des données et de consentement et reCAPTCHA à votre formulaire. 

  1. Dans l’angle supérieur gauche de l’éditeur de formulaire, cliquez sur l’icône + Ajouter.
  2. Dans le panneau de gauche, cliquez sur Autre.
  3. Cliquez et faites glisser les éléments de texte et multimédia sur le formulaire.
  4. Configurez chaque élément :
    • Image : cliquez sur Charger ou Parcourir les images pour ajouter une image, ou cliquez sur Générer pour créer du contenu à l’aide de Breeze.
    • En-tête : saisissez le texte de l’en-tête dans le champ de formulaire.
    • Texte enrichi : saisissez le texte dans le champ de formulaire. Pour modifier le style du texte, cliquez sur Modifier en vue développée dans le panneau de gauche.
L’éditeur de formulaires avec le panneau de gauche affichant du texte et des éléments multimédias qui peuvent être ajoutés au formulaire. Il s’agit notamment d’éléments d’image, d’en-tête, de paragraphe, de reCAPTCHA et de confidentialité des données.

Créer un formulaire à plusieurs étapes

Abonnement requis Un abonnement Starter, Pro ou Entreprise est requis pour ajouter des étapes de formulaire.

Utilisez des formulaires à plusieurs étapes pour diviser les formulaires longs en petites étapes et améliorer le taux de complétion. Vous pouvez ajouter un maximum de 20 étapes par formulaire.

Si vous utilisez des champs obligatoires dans un formulaire à plusieurs étapes, le visiteur sera invité à remplir le champ requis avant de passer à l’étape suivante. 

Pour ajouter une étape de formulaire :

  1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Marketing > Formulaires. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à Marketing > Formulaires.

  2. Créez un nouveau formulaire ou passez le curseur de votre souris sur un formulaire existant et cliquez sur Modifier.
  3. 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 de formulaire et des éléments de formulaire supplémentaires dans le panneau d’étape.

L’éditeur de formulaires montrant comment ajouter et réorganiser les étapes d’un formulaire.

  1. Pour réorganiser l'ordre d'une étape, survolez-la. Ensuite, en haut à gauche de l'étape, cliquez et faites glisser Étape [x] pour la repositionner.
  2. Pour cloner une étape, passez le curseur de la souris sur l'étape et cliquez sur l'icône Cloner duplicate. Vous ne pouvez pas cloner des étapes qui incluent un e-mail, un reCAPTCHA ou des champs de confidentialité des données.
  3. Pour supprimer une étape, survolez-la et cliquez sur l'icône Supprimer delete .

Afficher une barre de progression

Abonnement requis Un abonnement Marketing Hub Starter, Pro ou Entreprise est nécessaire pour ajouter et modifier la barre de progression.

Une barre de progression affiche visuellement la partie du formulaire qu’un utilisateur a remplie, améliorant ainsi les taux de complétion.

Pour activer la barre de progression :

  1. Dans l’éditeur de formulaire, passez le curseur de la souris sur une étape du formulaire et cliquez sur l’icône edit Modifier .
  2. Dans le panneau Étape d’édition , activez l’option Barre de progression . Une barre de progression est ajoutée à toutes les étapes du formulaire. 
  3. Dans la section Format, sélectionnez l’indicateur de progression (c’est-à-dire le pourcentage ou le nombre d’étapes).

L’éditeur de formulaires avec le panneau de gauche affichant des options permettant d’activer et d’ajuster le format de la barre de progression.

Personnaliser le message de confirmation ou la redirection du formulaire

Lorsqu’un visiteur soumet votre formulaire, affichez un message de remerciement ou redirigez-le vers une page, un lien de prise de rendez-vous ou un lien de paiement. 

  1. Dans l’angle supérieur gauche de l’éditeur de formulaire, cliquez sur l’icône ContenusiteTreeIcon
  2. Dans le panneau de gauche, cliquez sur Envoyer. Vous pouvez également cliquer sur l’étape Formulaire dans l’éditeur. 
  3. Dans l’onglet Options , sélectionnez le contenu qui s’affichera lorsque le formulaire sera soumis :
    • Afficher le message de remerciement : passez le curseur de la souris sur le message de remerciement par défaut et cliquez sur l’icône editIcon Modifier pour ajouter ou modifier le texte. 
      • Pour modifier le message de remerciement dans l’éditeur de texte enrichi développé, dans le panneau de gauche, sous Texte enrichi, cliquez sur Modifier dans la vue étendue
    • Rediriger vers une page, une URL, une réunion ou un lien de paiement : redirigez le visiteur vers une page HubSpot, un lien de prise de rendez-vous, un lien de paiement ou une URL spécifique lorsqu’il soumet le formulaire. 
      • Cliquez sur le menu déroulant Rediriger vers une page, une URL, une réunion ou un lien de paiement , puis sélectionnez votre contenu de redirection ou saisissez une URL spécifique. 

Pour configurer une logique conditionnelle afin de rediriger les visiteurs vers une page spécifique en fonction de leurs réponses au formulaire, découvrez comment ajouter une logique conditionnelle.

Un gif indiquant les étapes de modification du message de remerciement dans l’éditeur de formulaire.

Appliquer une logique conditionnelle 

Abonnement requis Un abonnement Marketing Hub ou Content Hub Pro  ou Entreprise est nécessaire pour ajouter une logique conditionnelle aux formulaires.

La logique conditionnelle affiche ou masque les éléments de formulaire ou redirige les visiteurs en fonction de leurs réponses. Cela vous aide à créer des expériences de formulaire plus personnalisées et pertinentes pour vos visiteurs. Par exemple, vous pouvez afficher des champs supplémentaires lorsqu’un visiteur sélectionne une option spécifique ou rediriger les visiteurs vers différentes pages en fonction de leurs réponses.

Utiliser la logique conditionnelle pour :

  • Afficher ou masquer des champs, du texte, des images ou des titres.
  • Afficher ou masquer les étapes de formulaire dans les formulaires à plusieurs étapes.
  • Rediriger les visiteurs après la soumission de formulaire.

La logique conditionnelle ne peut pas être appliquée aux éléments reCAPTCHA ou à la confidentialité des données. Pour chaque formulaire, vous pouvez ajouter jusqu'à 100 règles avec 10 conditions par règle. 

Configurer une logique conditionnelle dans un formulaire

  1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Marketing > Formulaires. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à Marketing > Formulaires.
  2. Créez un nouveau formulaire ou passez le curseur de votre souris sur un formulaire existant et cliquez sur Modifier.
  3. Dans l’angle supérieur gauche de l’éditeur de formulaire, cliquez sur l’icône workflows logique.
  4. Dans l’éditeur de barre latérale, cliquez sur Ajouter une logique.

Configurer des règles de logique conditionnelle

  1. Dans la section Règle, configurez vos règles de logique conditionnelle. Par exemple, si vous filtrez selon la ville et sélectionnez est l’un des États de Dublin, la règle de logique conditionnelle ne s’appliquera qu’aux fiches d’informations avec la valeur Dublin.
  2. Pour supprimer un filtre, cliquez sur l'icône Supprimer deletee.
  3. Pour cloner un filtre, cliquez sur l'icône Cloner duplicate .
  4. Pour ajouter des filtres supplémentaires à la règle, cliquez sur Ajouter un filtre à ce groupe add.
  5. Pour ajouter un groupe supplémentaire à la règle, cliquez sur add Ajouter un groupe.
  6. 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.

Configuration des actions lorsque les règles sont remplies

Après avoir configuré les règles de logique conditionnelle, sélectionnez une action à appliquer lorsque les critères de la règle sont remplis.

Remarque : L’action Passer à l’étape esten cours de dépréciation. Si votre formulaire utilise activement la logique conditionnelle pour ignorer des étapes de formulaire, la logique existante continuera à masquer vos étapes de formulaire. Lors de la modification de la logique d’un formulaire existant, il est recommandé de remplacer l’action Passer à l’étape par Masquer les étapes ou Afficher les étapes.

  1. Dans la section Alors , cliquez sur le menu déroulant pour sélectionner une action dans le formulaire :
    • Afficher les champs : si les réponses de l’utilisateur correspondent aux critères définis dans vos règles, affichez un champ, un module de texte enrichi, un titre ou une image spécifique.
    • Masquer les champs : si les réponses de l’utilisateur correspondent aux critères définis dans vos règles, masquez un champ, un module de texte enrichi, un titre ou une image spécifique.
    • Passer à l’étape (obsolète) : 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 action, votre formulaire doit comporter au moins trois étapes. Découvrez-en davantage sur l'ajout d'étapes de formulaire.
    • Masquer les étapes : les étapes de formulaire sont cachées au visiteur si elles remplissent les conditions. Pour utiliser cette action, votre formulaire doit comporter au moins deux étapes.
    • Afficher les étapes : les étapes de formulaire ne sont affichées pour le visiteur que si elles remplissent les conditions. Si le visiteur ne répond pas aux conditions, les étapes sélectionnées resteront masquées sur le formulaire. Pour utiliser cette action, votre formulaire doit comporter au moins deux étapes.
    • Rediriger vers : si les réponses du visiteur correspondent aux critères définis dans vos règles, redirigez-le vers une page HubSpot, une URL externe ou un lien de paiement. Les utilisateurs d’un compte Sales Hub Entreprise ou Service Hub Entreprise peuvent rediriger des formulaires vers un lien de prise de rendez-vous sur une page de planification. 
  2. En fonction de l'action sélectionnée, remplissez les champs requis.
  3. Après avoir configuré votre règle, cliquez sur Enregistrer et activer.

L’éditeur de formulaires avec le panneau de gauche affichant les options permettant de modifier la logique des champs de formulaire.

Styliser un formulaire

Pour créer un formulaire qui correspond à votre branding, personnalisez l’apparence de votre formulaire, notamment les champs, les boutons et l’arrière-plan. 

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

Pour styliser votre formulaire :

  1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Marketing > Formulaires. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à Marketing > Formulaires.
  2. Créez un nouveau formulaire ou passez le curseur de votre souris sur un formulaire existant et cliquez sur Modifier.
  3. Sur le côté gauche, cliquez sur l'icône Style.

L’éditeur de formulaires avec le panneau de gauche affichant les options de styles, y compris le branding, les champs, les boutons, le paragraphe, l’en-tête, l’arrière-plan et la barre de progression.

  1. Lorsque vous personnalisez votre texte, vos champs de saisie ou votre bouton, choisissez parmi les styles existants en utilisant les styles de saisie de champ rapide. 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 des 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.

Modifier la disposition des étapes et la bannière d'arrière-plan

Choisissez parmi des dispositions d'étape prédéfinies à l'aide du sélecteur rapide de dispositions et personnalisez la bannière d'arrière-plan de votre formulaire.

  1. Dans l’éditeur de formulaire, passez le curseur de la souris sur l’étape du formulaire et cliquez sur l’icône Modifier dans l’angle edit supérieur droit.
  2. Dans le panneau de gauche, cliquez sur l'onglet Style et sélectionnez une disposition d'étape.
  3. Pour supprimer la mise en page, cliquez sur Supprimer la structure en haut à droite.

L’éditeur de formulaire avec le panneau de gauche affichant les options permettant de modifier les styles d’étape du formulaire.

  1. Dans la section Arrière-plan de la bannière, activez l’option Couleur d’arrière-plan pour personnaliser la couleur d’arrière-plan de votre formulaire.
  2. Sélectionnez une couleur et une opacité.
  3. Cliquez sur le menu déroulant Dégradé pour ajouter un dégradé.
  4. Pour utiliser une image pour l’arrière-plan de la bannière, cliquez sur Charger ou Parcourir les images pour ajouter une image, ou cliquez sur Générer avec l’IA pour générer du contenu à l’aide de Breeze.

L’éditeur de formulaires affichant les options de style de bannière, y compris la couleur, l’opacité, le dégradé et la sélection d’images.

Automatiser les actions de suivi

Après la soumission de formulaire, utilisez des workflows simples pour envoyer des e-mails, notifier des utilisateurs ou ajouter des contacts à un segment. Découvrez-en davantage sur l'utilisation de l'automatisation avec les formulaires.

Pour créer un workflow simple dans l’éditeur de formulaire :

  1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Marketing > Formulaires. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à Marketing > Formulaires.
  2. Créer un nouveau formulaire ou passez le curseur de la souris sur un formulaire existant et cliquez sur Modifier.
  3. Dans l’éditeur de formulaire, cliquez sur l’icônesettis automati workflows Automatisation.
  4. 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 vide, sous Créer votre propre workflow simple, cliquez sur Créer un 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.
  5. Pour ajouter d'autres actions de Workflow, cliquez sur l'icône + plus.
  6. Pour activer un workflow, à côté du nom du workflow, activez le bouton. Cliquez ensuite 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.

Activer les notifications d’automatisation des formulaires

Remarque : Si vous êtes un super administrateur, vous pouvez inscrire votre compte aux notifications pour les automatisations de formulaires bêta.

Après avoir activé un workflow simple dans l’éditeur de formulaire, avertissez les utilisateurs lorsque l’automatisation des formulaires doit être revue ou lorsque le taux d’inscription change.

  1. Dans l’éditeur de formulaire, cliquez sur l’icônesettis automati workflows Automatisation.
  2. Dans l’angle supérieur droit du workflow simple, cliquez sur Actions et sélectionnez Modifier les notifications.
  3. Dans le panneau de droite, activez l’option Soyez averti lorsque cette automatisation pose problème pour recevoir des notifications si des erreurs nécessitent votre attention.
  4. Pour recevoir des notifications lorsque le taux d’inscription fluctue, activez l’option Recevoir une notification si le taux d’inscription change . Ensuite, choisissez parmi les options suivantes :
    • Utiliser Breeze Intelligence : activez cette option pour détecter automatiquement toute modification du taux d’inscription sur la base des données des 30 derniers jours.
    • Utiliser une plage manuelle : activez cette option pour définir manuellement un seuil de taux fixe qui déclenchera des notifications en cas de dépassement.

forms-automation-notification-settings

  1. Dans la section Destinataires de la notification, cliquez sur les menus déroulants Utilisateurs et équipes et sélectionnez les destinataires auxquels vous souhaitez envoyer les notifications. Seuls les utilisateurs ayant activé les notifications HubSpot pour au moins un canal pourront recevoir ces notifications.

Configurer les paramètres du formulaire

Les paramètres de formulaire contrôlent la façon dont les contacts sont créés et la façon dont les utilisateurs sont notifiés après une soumission de formulaire. Utilisez ces paramètres pour gérer la création de contacts, les notifications, les préférences linguistiques, etc. Les options de formulaire varient selon votre abonnement à HubSpot.

Pour accéder aux paramètres dans l’éditeur de formulaire :

  1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Marketing > Formulaires. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à Marketing > Formulaires.
  2. Créer un nouveau formulaire ou passez le curseur de la souris sur un formulaire existant et cliquez sur Modifier.
  3. Dans l’éditeur de formulaire, cliquez sur l’icône des settings paramètres.
  4. Utilisez les onglets du panneau de gauche pour configurer les paramètres de votre formulaire.

Définir les paramètres généraux du formulaire

Utilisez l’onglet Général pour configurer la création des contacts, activer les formulaires raccourcis et associer le formulaire à une campagne marketing. 

  • 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 à l’aide de l’adresse e-mail soumise. Si aucun contact n’existe à l’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, HubSpot n’utilisera pas de cookie de navigateur existant pour associer la soumission à un contact précédemment suivi. Les options Pré-remplir les champs de formulaire pour les visiteurs récurrents et Ajouter un lien pour réinitialiser le formulaire seront également désactivées automatiquement.
  • Définir les nouveaux contacts comme contacts marketing : si votre compte HubSpot a accès aux contacts marketing, définissez automatiquement tous les contacts ayant soumis le formulaire comme contacts marketing. Cela inclut des contacts nouveaux et existants.
  • Pré-remplir les champs de formulaire pour les visiteurs de retour : 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.
  • Formulaires raccourcis : raccourcissez vos formulaires en masquant automatiquement tous les champs de formulaire qui peuvent être remplis par l’enrichissement des données. En savoir plus sur les formulaires raccourcis .
  • Ajouter un lien pour réinitialiser le formulaire : si vous avez activé l’option Pré-remplir les champs de formulaire pour les visiteurs de retour, vous pouvez également ajouter un lien de réinitialisation à votre formulaire. Si cette option est activée, le visiteur peut cliquer sur Ce n’est pas vous ? Cliquez ici pour réinitialiser le formulaire afin d’effacer tous les champs pré-remplis. Lorsqu’un formulaire est réinitialisé :
    • Le suivi des cookies sera désactivé pour la soumission de formulaire spécifique. Les cookies de suivi existants ne seront pas remplacés. 
    • La soumission de formulaire créera une nouvelle fiche d’informations d’un contact pour une adresse e-mail qui ne correspond à aucune fiche d’informations d’informations d’un contact existante. 
  • 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 sur Créer une campagne. Poursuivez la configuration de 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 sur et sélectionnez une phase du 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 existant(e) 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 écrasera la phase du cycle de vie par défaut configurée dans vos paramètres HubSpot.

Définir les paramètres de soumission et de notification

Dans l’onglet Paramètres de soumission , configurez la façon dont les utilisateurs sont informés lorsqu’un formulaire est soumis et gérez les domaines de messagerie bloqués.

  • Notifier le 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.
  • Ajouter des utilisateurs à notifier : dans le menu déroulant, sélectionnez les cases à cocher à côté des utilisateurs ou des équipes qui doivent recevoir des notifications lorsque le formulaire est soumis, quel que soit le propriétaire du contact. Tous les destinataires définis dans l’éditeur de formulaire seront remplacés par les destinataires définis dans le module de formulaire sur les pages HubSpot.
  • Domaines de messagerie à bloquer : saisissez les 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, activez l’option Bloquer les fournisseurs de messagerie gratuits .

Connecter le formulaire à une boîte de réception ou à un centre de support

Dans l’onglet Tickets, connectez le formulaire à une boîte de réception ou à un centre de support pour créer un ticket à chaque soumission de formulaire. 

Pour connecter votre formulaire à une boîte de réception ou à un centre de support :

  1. Activez l’option Connecter ce formulaire à une boîte de réception ou à un centre de support .

  2. Dans la boîte de dialogue, cliquez sur le menu déroulant et sélectionnez une boîte de réception ou un centre de support, puis cliquez sur Se connecter.

Définir les paramètres de langue et de traduction

Abonnement requis Un abonnement Marketing Hub ou Content Hub Pro ou Entreprise est nécessaire pour traduire des formulaires à l’aide de l’IA. 

Dans l’onglet Région de & langue, configurez la langue par défaut et gérez les traductions IA pour votre formulaire. 

  • Langue principale : cliquez sur le menu déroulant et 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 d’espace réservé et les valeurs par défaut seront traduits dans cette langue.
  • Retraduire le contenu : cliquez sur Retraduire maintenant pour mettre à jour la traduction si vous avez mis à jour votre formulaire depuis la traduction précédente.
Une capture d’écran de l’éditeur de formulaire, affichant les paramètres de langue et de région du formulaire.

Afficher un aperçu d’un formulaire

Prévisualisez un formulaire avant de le publier pour tester son apparence et son comportement pour les visiteurs. L’aperçu du formulaire montre comment les visiteurs vivront le formulaire, notamment la navigation en plusieurs étapes, la logique conditionnelle et les champs obligatoires. Cela vous permet de confirmer la mise en page, de valider la logique et de revoir le flux de capture des leads sans générer de soumissions.

Pour afficher un aperçu de votre formulaire :

  1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Marketing > Formulaires. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à Marketing > Formulaires.
  2. Créez un nouveau formulaire ou passez le curseur de votre souris sur un formulaire existant et cliquez sur Modifier.
  3. Dans l’angle supérieur droit de l’éditeur de formulaire, cliquez sur Aperçu. Le formulaire s’ouvre par défaut en mode Aperçu bureau.
  4. Pour prévisualiser le formulaire sur différents types d’appareils, cliquez en haut sur l’icône de la tablette ou mobile sur l’icône tablet du mobile.
  5. Pour prévisualiser une étape spécifique dans un formulaire à plusieurs étapes, dans l’angle supérieur gauche, cliquez sur le menu déroulant Aperçu de l’étape . Ensuite, sélectionnez l’étape que vous souhaitez afficher.
Aperçu du formulaire HubSpot en mettant en évidence le menu déroulant Sélectionner une étape pour afficher un aperçu d’étapes spécifiques dans un formulaire à plusieurs étapes.
  1. Pour prévisualiser le formulaire dans un nouvel onglet, dans l’angle supérieur droit, cliquez sur Ouvrir dans un nouvel onglet.
  2. Pour partager l’aperçu avec vos collaborateurs, dans l’angle supérieur droit, cliquez sur Copier le lien.
  3. Pour tester le comportement des visiteurs, complétez des champs ou progressez dans les étapes de formulaire en mode Aperçu. Les formulaires ne peuvent pas être soumis en mode Aperçu et aucune donnée de soumission n’est collectée.
  4. Pour retourner à l’éditeur de formulaire, dans l’angle supérieur gauche, cliquez sur Quitter l’aperçu, puis continuez à modifier ou publiez votre formulaire.

Remarque : Si vous utilisez des formulaires raccourcis, l’aperçu du formulaire n’affichera que le champ E-mail au départ. Une fois que le visiteur a saisi son adresse e-mail, les données d’enrichissement sont vérifiées pour déterminer quels champs supplémentaires doivent être affichés.

Publier et partager un 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, vous pouvez intégrer le formulaire sur une page HubSpot ou un CTA. Si vous avez du contenu hébergé en dehors de HubSpot, vous pouvez copier le code intégré du formulaire ou utiliser le lien de partage pour partager une page de formulaire autonome.

Pour publier et partager votre formulaire :

  1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Marketing > Formulaires. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à Marketing > Formulaires.
  2. Créez un nouveau formulaire ou passez le curseur de votre souris sur un formulaire existant et cliquez sur Modifier.
  3. Dans l'angle supérieur droit, cliquez sur Analyser et mettre à jour pour publier vos mises à jour de formulaire.
  4. Dans le panneau de droite, en bas, cliquez sur Mettre à jour
  5. Pour intégrer ou partager votre formulaire, sélectionnez l’une des 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.
      • Dans la section Choisissez d’intégrer votre formulaire sur le site web ou la page de destination HubSpot ou avec des CTA HubSpot, sélectionnez une option de contenu
      • Cliquez sur le menu déroulant et sélectionnez la page de destination ou le CTA dans lequel le formulaire doit être intégré.
    • 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, 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 Copy pour copier l'URL de la page du 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.

L’éditeur de formulaires propose différentes options, en mettant en avant la possibilité d’intégrer le formulaire à une page HubSpot ou à un CTA.

Étapes suivantes 

Cet article vous a-t-il été utile ?
Ce formulaire n'est utilisé que pour recueillir du feedback sur la documentation. Découvrez comment obtenir de l'aide sur HubSpot.