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: août 26, 2019

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


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.
  • Dans le panneau de gauche, sélectionnez Formulaire ordinaire.
  • 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 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.
  • Dans le coin supérieur droit, cliquez sur Commencer.
  • 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. Pour créer une nouvelle propriété de contact et l'utiliser en tant que champ dans le formulaire, cliquez sur Créer à droite de la barre de recherche.
  • Les champs peuvent être ajoutés à l'aperçu par glisser-déposer pour les inclure dans le formulaire. Les champs peuvent être placés au-dessus, en dessous ou à côté d'autres champs.

Note : par défaut, le champ E-mail est obligatoire pour les soumissions de formulaires de création de contacts. En savoir plus 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.
  • Les options du champ sont ensuite modifiables dans le panneau de gauche. Les options peuvent varier selon le type de propriété du champ :
    • Libellé : 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. En savoir plus sur le profilage progressif 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.

 

Personnaliser vos options de 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 à vos visiteurs ou de les rediriger vers une autre page après la soumission du formulaire.

      Note : cela n'affecte que les formulaires intégrés sur des pages externes à HubSpot et les pages de formulaire indépendantes ; 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.

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

    • Suivi des cookies : HubSpot reconnaît et suit vos contacts en fonction des cookies qui sont utilisés dans leur navigateur. Dans certains cas, il est possible que plusieurs contacts remplissent le même formulaire sur le même appareil (par exemple lors d'un salon). Dans ces cas, vous pouvez désactiver le suivi des cookies afin que chaque soumission crée un nouveau contact. 

      Le suivi des cookies est activé par défaut. Utilisez le bouton d'activation pour le désactiver.

      Note : désactiver le suivi des cookies empêchera les données d'analytics d'être enregistrées dans le cadre de la soumission d'origine du contact. Cette option est uniquement destinée aux formulaires hors ligne. Si un contact reconvertit ultérieurement avec la même adresse e-mail sur un formulaire et que le suivi des cookies est activé, ses cookies seront stockés et les analytics historiques seront capturées sur sa fiche d'informations de contact.

      Pour permettre à un visiteur d'effacer tous les champs préremplis et de créer un nouveau contact en soumettant le formulaire, cochez la case Ajouter un lien permettant aux utilisateurs de réinitialiser le formulaire. Cette option offre aux visiteurs pour lesquels des champs sont pré-remplis de les effacer. Cliquez ici pour réinitialiser le lien qui réinitialise le formulaire. En effectuant cette réinitialisation, le suivi des cookies est désactivé afin d'éviter 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. Grâce à cette option, les visiteurs peuvent gagner du temps en remplissant ultérieurement des formulaires sur votre site.

      Cette option est activée par défaut. Utilisez le bouton d'activation pour la désactiver.

 

Style et aperçu de votre formulaire

  • Après avoir personnalisé vos options de formulaire, cliquez sur l'onglet Style et aperçu pour modifier le style, vérifier et tester le formulaire.
  • Dans le panneau de gauche, cliquez sur Thème.
  • Sélectionnez l'un des quatre thèmes disponibles. L'aperçu du formulaire sera mis à jour dans la fenêtre de droite.
  • Pour modifier les couleurs et les polices de votre formulaire, cliquez sur l'onglet Style. Découvrez comment personnaliser les paramètres généraux du style des formulaires.style-and-preview-form-themes
  • Dans le panneau de droite, affichez un aperçu du formulaire. Sélectionnez Ordinateur, Tablette ou Mobile pour afficher le formulaire tel qu'il apparaîtra sur différents appareils.
  • Si le profilage progressif est activé sur le formulaire, vous pouvez tester le formulaire pour voir comment il évolue pour un visiteur qui a déjà rempli un champ progressif ou pour qui une valeur existe déjà pour le champ. En savoir plus sur le test du profilage progressif.
  • Si le formulaire utilise des champs dépendants, vous pouvez tester le formulaire en saisissant la ou les valeurs qui déclenchent des champs dépendants. En savoir plus sur le test des champs dépendants.

 

Publier votre formulaire

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