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: mai 2, 2019

Les formulaires permettent de 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.


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 la barre latérale de gauche, sélectionnez Formulaire ordinaire
  • Cliquez sur Suivant dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, sélectionnez Modèle vierge pour partir d'un formulaire vide ou l'un des modèles par défaut pour partir d'un formulaire contenant des champs pour un scénario 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 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. Pour créer une nouvelle propriété de contact et l'utiliser en tant que champs 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 ajouter au 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é : 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. 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 champs 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 du texte personnalisé, des titres ou ajouter des espaces au formulaire.

 

Personnaliser les options du formulaire

  • Accédez à l'onglet Options
  • 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 avec les 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 de suivi du contact d'être enregistrées. Cette option est uniquement destinée aux formulaires hors ligne. Si un contact effectue ultérieurement une nouvelle conversion avec la même adresse e-mail sur un formulaire et que le suivi des cookies est activé, les cookies seront stockés et l'historique des données sera capturé sur la fiche d'informations du 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 permet aux visiteurs pour qui des champs sont pré-remplis de les effacer. 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 lors de la soumission des prochains formulaires.

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

 

Style et aperçu du 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 l'onglet Thèmes.
  • Sélectionnez l'un des 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. En savoir plus sur la personnalisation des paramètres généraux du style des formulaires.

  • Vous pouvez prévisualiser le formulaire dans l' Aperçu.
  • Dans types d'appareil, sélectionnez PC, Tablette ou Mobile pour afficher le formulaire tel qu'il apparaîtra sur les 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 le formulaire

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