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.
Forms

Créer des formulaires

Dernière mise à jour: mars 23, 2022

Disponible avec :

Tous les produits et les abonnements

Utilisez les formulaires pour recueillir des informations importantes sur vos visiteurs et vos contacts. Dans HubSpot, vous pouvez facilement créer des formulaires pour les ajouter à vos pages HubSpot ou à un site externe. 

Pour une vue d'ensemble de ce processus, consultez la vidéo ci-dessous :

Créer un formulaire

  • Depuis votre compte HubSpot, accédez à Marketing > Capture de leads > Formulaires.
  • Cliquez sur Créer un formulaire dans l'angle supérieur droit.
  • Pour associer le formulaire à une unité commerciale (module complémentaire Unités commerciales uniquement) :
    • Cliquez sur le menu déroulant Sélectionner une unité commerciale.
    • Sélectionnez l'unité commerciale à laquelle vous souhaitez associer ce formulaire.  
  • Sélectionnez votre type de formulaire.
  • Cliquez sur Suivant dans l'angle supérieur droit.
  • Dans le panneau de gauche, sélectionnez Modèle vierge pour partir d'un formulaire vide, ou un modèle préconçu pour partir d'un formulaire contenant des champs présélectionnés pour un cas d'utilisation spécifique. L'aperçu du formulaire pour le modèle sélectionné apparaîtra dans la fenêtre de droite.

Remarque : Pour utiliser un modèle Support, vous avez besoin des autorisations d'accès au compte.  

  • Dans l'angle supérieur droit, cliquez sur Démarrer.
  • En haut de l'éditeur de formulaire, cliquez sur l'icône Crayon edit pour modifier le nom du formulaire.

Ajouter et modifier des champs du formulaire

  • Dans le panneau de gauche, explorez les groupes de propriétés ou utilisez la barre de recherche pour trouver un champ existant. Le type d'objet du champ ajouté peut déterminer si la soumission du formulaire apparaît sur la chronologie d'activité des fiches d'informations associées
  • Pour créer une nouvelle propriété et l'utiliser en tant que champ dans le formulaire, cliquez sur l'onglet Créer nouveau.
    • Sélectionnez le type de champ de formulaire. Si vous créez un champ dans lequel le visiteur peut sélectionner plusieurs options, les types Cases à cocher et Radio afficheront toutes les options disponibles, tandis que Menu déroulant contiendra toutes les options dans un menu déroulant.
    • Dans le panneau de droite, configurez votre champ Formulaire : 
      • Type d'objet : sélectionnez un type d'objet. Vous pouvez ajouter des champs Contact, Entreprise et Objet personnalisé. Les propriétés du ticket peuvent être ajoutées si l'option Création automatique de tickets est activée.
      • Groupe : sélectionner un groupe de propriétés. 
      • Libellé : saisissez le texte pour nommer la propriété.
      • Description : saisissez le texte pour décrire la propriété. Ce champ est facultatif et peut être laissé vide.  
    • Cliquez sur Suivant.
    • Analysez vos options de propriété et cliquez sur Créer.
  • Cliquez sur des champs et faites-les glisser sur l'aperçu du formulaire à droite pour les y inclure. Les champs peuvent être placés au-dessus, en dessous ou à côté d'autres champs.

Drag form fields-1

Remarque : Par défaut, le champ E-mail est obligatoire pour les soumissions de formulaires de création de 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.


  • Pour modifier les options d'affichage d'un champ, cliquez sur le champ dans l'aperçu du formulaire, à droite
  • Les options du champ sont ensuite modifiables dans le panneau de gauche. 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.
    • Libellé : le nom du champ tel qu'il apparaît sur le formulaire.
    • 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.
    • Options de champ progressif : sélectionnez l'action à réaliser si le champ a déjà été soumis. Découvrez-en davantage sur les champs progressifs dans les formulaires.
    • Rendre ce champ obligatoire : cette case à cocher rend obligatoire de remplir le champ pour soumettre le formulaire.
    • Masquer ce champ : cette case à cocher rend le champ invisible sur le formulaire, mais il peut être utilisé pour attribuer des valeurs à des propriétés de contacts pour toutes les soumissions.

Vous pouvez également ajouter des zones de texte enrichi entre les champs de formulaire pour ajouter un texte personnalisable, créer des titres ou ajouter un espace à votre formulaire. 


Créer un e-mail de suivi (facultatif)

  • En haut, cliquez sur l'onglet Suivi pour créer un e-mail de suivi qu'un visiteur recevra après soumission du formulaire. Cette étape est facultative. La création d'un e-mail de suivi ajoutera automatiquement un CAPTCHA au formulaire. Découvrez-en davantage sur l'envoi d'e-mails de suivi pour les formulaires.
  • Cliquez sur Créer un e-mail de suivi.
  • Dans le panneau de droite, personnalisez les détails de votre e-mail de suivi :
    • Type d'abonnement : sélectionnez le type d'abonnement de votre e-mail de suivi.
    • Expéditeur : sélectionnez l'expéditeur de votre e-mail de suivi.
    • Nom de l'expéditeur : ajoutez un nom d'expéditeur personnalisé pour votre e-mail de suivi.
    • Ligne d'objet : ajoutez un objet à l'e-mail de suivi.
    • Corps : rédigez un texte incitant le destinataire à continuer d'interagir avec votre entreprise.
    • Modifier le pied de page de l'e-mail : permet de personnaliser le nom et l'adresse de votre entreprise dans les paramètres d'e-mail de votre compte.

  • Une fois cette étape terminée, cliquez sur Enregistrer. Un aperçu bref de l'e-mail doit apparaître.
  • Pour ajouter un e-mail de suivi, cliquez sur Ajouter un autre e-mail.


Personnaliser les options du formulaire

  • Accédez à l'onglet Options en haut de la page.
  • Personnalisez les paramètres comme souhaité :
    • Après la soumission du formulaire par un visiteur : choisissez d'afficher un message de remerciement pour vos visiteurs ou de les rediriger vers une autre page après la soumission du formulaire.

      Remarque : Cela affecte les formulaires intégrés sur des pages externes à HubSpot et les pages de formulaire indépendantes uniquement ; les formulaires sur les pages HubSpot ne seront pas configurés ou modifiés.

    • Options de suivi : cochez la case Envoyer les notifications de soumission par e-mail au propriétaire du contact pour envoyer automatiquement une notification au propriétaire du contact.

    • Envoyer les notifications de soumission par e-mail à : cliquez sur le menu déroulant pour sélectionner 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.

    • Campagne : pour associer le formulaire à une campagne dans HubSpot, cliquez sur le menu déroulant Campagne et sélectionnez une campagne. Pour créer une nouvelle campagne à la place, sélectionnez Créer une campagne. Découvrez-en davantage sur l'utilisation de campagnes dans HubSpot.
    • Langue du message d'erreur et du formulaire : sélectionnez la langue pour les libellés par défaut et les messages d'erreur affichés si les visiteurs ne remplissent pas correctement le formulaire.

    • Créer un contact pour une nouvelle adresse e-mail : sélectionnez cette option pour créer une 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 cette fiche d'informations seront mis à jour.

      Remarque :
      • Si cette option est désactivée, HubSpot reconnaîtra et mettra à jour vos contacts en fonction des cookies qui sont exclus dans le navigateur. 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.
    • Ajouter un lien pour réinitialiser le formulaire : sélectionnez cette option pour permettre à un visiteur d'effacer tous les champs pré-remplis et de créer un nouveau contact en soumettant le formulaire. Lorsque cette option est activée, les visiteurs peuvent cliquer sur un lien intitulé Ce n'est pas vous ? Cliquez ici pour réinitialiser afin de réinitialiser le formulaire. Cela désactivera le suivi des cookies lors de la soumission de formulaire, évitant d'écraser les cookies. 
    • 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. Pour désactiver cette option, désactivez le bouton Pré-remplir les champs avec des valeurs connues. Découvrez-en davantage sur les champs de formulaire préremplis

Style et aperçu du formulaire 

  • Cliquez sur l'onglet Style et aperçu en haut. Un aperçu du formulaire sera mis à jour dans le panneau de droite lorsque vous modifierez les styles du formulaire ou testerez ses fonctionnalités.
    • Définir comme formulaire HTML brut : sélectionnez cette option pour restituer le formulaire comme élément HTML brut plutôt qu'à l'intérieur d'un iFrame. Tous les styles HubSpot seront supprimés, et le formulaire peut être stylisé avec CSS dans votre feuille de style externe (Marketing Hub Pro ou Entreprise, CMS Hub Pro ou Entreprise, ou Legacy Marketing Hub Basique uniquement).
    • Options d'entrée : sélectionnez l'un des quatre thèmes disponibles pour les styles de champ et de bouton.
    • Style : personnalisez la largeur, les polices et les couleurs du formulaire.
    • Test : si votre formulaire compte des champs progressifs ou des champs dépendants, vous pourrez tester la façon dont ils apparaîtront pour vos visiteurs.

Utiliser les automatisations avec les formulaires (BÊTA)

  • En haut de la page, cliquez sur l'onglet Automatisations. Dans l'onglet Automatisations, vous pouvez configurer ce qui se passe une fois qu'un formulaire est soumis.   
    • Dans la section Définissez ce qui se passe une fois qu'un formulaire est soumis, personnalisez les paramètres de votre formulaire comme souhaité.
    • Dans la section Créer workflow simple, configurez un workflow simple pour automatiser les actions de suivi telles que l'envoi d'un e-mail ou la configuration d'une propriété de contact. 

Découvrez-en davantage sur la façon d'utiliser les automatisations avec l'outil Formulaires.  

Publier le formulaire

Cliquez sur Publier dans l'angle supérieur droit pour pouvoir l'utiliser sur des pages HubSpot. Vous pouvez également intégrer votre formulaire à des pages externes à HubSpot ou l'utiliser sur une page de formulaire indépendante

Après publication de votre formulaire, découvrez comment analyser vos données de soumission de formulaire

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