Créer des formulaires (hérités)

Utilisez les formulaires hérités 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. 

Remarque : Il est recommandé d’utiliser le nouvel éditeur de formulaires pour créer et gérer des formulaires. Cet article doit être utilisé comme référence pour les formulaires existants créés avec l’éditeur hérité uniquement.

Créer un formulaire hérité

Pour créer un formulaire hérité :

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

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 Éditeur de formulaire hérité.
• Dans l'angle supérieur droit, cliquez sur Suivant.
• 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.
  • Si vous disposez des autorisations Accès au compte, vous pouvez sélectionner le modèle Support pour créer des tickets à partir de soumissions de formulaires. Cette opération connecte le formulaire à votre boîte de réception Conversations ou centre de support, où votre équipe peut répondre aux demandes des clients.

  Remarque : Les comptes créés après le 1er avril 2024 peuvent uniquement créer des tickets à partir de formulaires connectés au centre de support.

• 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

Ajoutez des champs de formulaire pour recueillir des informations auprès des visiteurs et des contacts de votre site web. Vous pouvez également ajouter des zones de texte enrichi entre les champs de formulaire pour ajouter du texte personnalisable, créer des en-têtes ou ajouter de l'espacement à votre formulaire.

Si vous utilisez une case à cocher multiple, une case d'option, un menu déroulant, une date, un téléchargement de fichier, un numéro de téléphone ou un champ d'abonnement à un blog, découvrez les options de personnalisation supplémentaires disponibles avec ces types de champ. 

• 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. 
  • Dans le panneau de droite, configurez votre champ Formulaire : 
    
    • Libellé de propriété : saisissez le texte pour nommer la propriété. 
    • Type d'objet : sélectionner un type d'objet. Vous pouvez ajouter les 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.
    • Unité commerciale : sélectionnez l’unité commerciale dans laquelle vous souhaitez créer la propriété (module complémentaire Unités commerciales uniquement). 
    • Groupe : sélectionner un groupe de propriétés. 

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

• Si vous avez mis en place l'outil de paiement dans HubSpot, apprenez comment collecter les paiements avec les formulaires. Lorsque l'option Paiement est activée, vous ne pouvez pas créer de tickets à partir du même formulaire. 
• Pour créer un ticket à partir de chaque soumission de formulaire, les super administrateurs ou les utilisateurs ayant Account Access permissions peuvent activer l'interrupteur Automatic ticket creation dans la section Ticket Properties. Cela permettra à de connecter le formulaire à votre boîte de réception des conversations ou à help desk, où votre équipe peut répondre aux demandes des clients. Lorsque l'option Création automatique de tickets est activée, vous ne pouvez pas collecter de paiements à partir du même formulaire. 

Remarque : Les comptes créés après le 1er avril 2024 peuvent uniquement créer des tickets à partir de formulaires connectés au centre de support.

Gérer les options de votre champ de formulaire 

• Dans le panneau de droite, cliquez sur le champ dans l'aperçu du formulaire. 
• 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.
  • Dans l'onglet Basique : 
    
    • Rendre ce champ obligatoire : si cette option est activée, le champ doit être rempli pour soumettre le formulaire. Si un champ de formulaire a été défini comme obligatoire, il ne peut pas être masqué. 
    • Masquer ce champ : si cette option est activée, le champ n’apparaîtra pas dans le formulaire, mais il pourra être utilisé pour transmettre des valeurs aux propriétés de contact pour toutes les soumissions.
    • Libellé : le nom du champ tel qu'il apparaît sur le formulaire.
    • Texte d’aide : texte affiché sous le libellé du champ 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.

• 
•  
  
  • Dans l'onglet Logique : 
    • Champs progressifs : sélectionnez l'action à réaliser si le champ a déjà été soumis. En savoir plus sur les champs progressifs dans les formulaires.
    • Champs dépendants : affichez des champs supplémentaires en fonction des réponses renseignées par les visiteurs dans un champ précédent. Découvrez-en davantage sur les champs dépendants dans les formulaires.
      
      

Personnaliser les options du formulaire

Dans l'onglet Options, configurez ce qui se passe après l'envoi d'un formulaire. Vous pouvez configurer les paramètres de soumission, les notifications aux utilisateurs, la langue des formulaires et des messages d'erreur, etc. Certaines options peuvent ne pas s'afficher en fonction de votre abonnement à HubSpot. 

• Après la soumission du formulaire : sélectionnez ce qui s’affiche après la soumission du formulaire. 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.
  • Message de remerciement : configurez un message de remerciement à afficher après l'envoi du formulaire. 
  • Page HubSpot ou URL externe : redirige les visiteurs vers une autre page après l'envoi du formulaire. Vous pouvez sélectionner une page HubSpot publiée ou utiliser une URL externe. 
  • Page de planification : si vous disposez d'un abonnement Sales ou Service Hub Entreprise, redirigez les visiteurs vers une page de planification de rendez-vous spécifique pour programmer une réunion ; tous les champs de formulaire envoyés seront automatiquement renseignés.
  • Redirection conditionnelle vers une page de planification, une page HubSpot ou une URL externe : si vous disposez d'un abonnement Sales ou Service Hub Entreprise, vous pouvez rediriger les visiteurs vers une page de planification de rendez-vous, page HubSpot ou URL externe spécifique. Si vous redirigez les utilisateurs vers une page de planification de rendez-vous, tous les champs de formulaire envoyés seront automatiquement renseignés. Découvrez-en davantage sur la redirection conditionnelle d'un formulaire vers une page de planification de rendez-vous, une page HubSpot ou une URL externe. 
• Personnaliser la phase du cycle de vie en fonction des soumissions : 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 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. 
  • L'étape du cycle de vie définie dans un formulaire remplacera l'étape du cycle de vie par défaut configurée dans vos paramètres HubSpot.

• 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. Si un contact n'a pas de propriétaire, aucune notification ne sera envoyée. Pour en savoir plus sur la propriété des objets dans HubSpot. 

• 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 formulaire et du message d'erreur : sélectionnez la langue pour les libellés par défaut et les erreurs affichées si les visiteurs ne remplissent pas correctement le formulaire.

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

• • Si vous n'avez jamais créé de campagne auparavant, cliquez sur Créer une campagne. Puis, continuez à configurer votre campagne. 

• 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 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 à 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 contacts créés comme contacts marketing : si votre compte HubSpot a accès aux contacts marketing, vous pouvez automatiquement définir tous les contacts qui ont soumis ce formulaire comme étant des contacts marketing. Cela inclut des contacts nouveaux et existants.

• 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 également le suivi des cookies dans la soumission de formulaire, évitant tout écrasement de cookie. 
• 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.
  
  

Style et aperçu du formulaire 

Dans l'onglet Style et aperçu, personnalisez le style de votre formulaire. 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.

Vous pouvez personnaliser les éléments suivants : 

• Définir comme formulaire HTML brut : si vous disposez d'un abonnement Marketing Hub ou Content Hub Pro ou Entreprise, vous pouvez sélectionner cette option pour restituer le formulaire comme élément HTML brut plutôt qu'à l'intérieur d'un iFrame. Veuillez prendre note de ce qui suit :
  • Tout style HubSpot configuré dans l'onglet Style sera supprimé.
  • Le formulaire doit être stylisé via CSS dans votre feuille de style externe.
• 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 des champs de 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 l'automatisation avec des formulaires

Utilisez des fonctions d'automatisation simples, comme l'envoi d'un e-mail de suivi à un contact ou l'envoi de notifications automatiques internes par e-mail avec vos formulaires. Vous pouvez également utiliser la soumission du formulaire comme un critère d'inscription à un workflow simple. Découvrez-en davantage sur la façon d'utiliser les automatisations avec l'outil Formulaires. 

• En haut de la page, cliquez sur l’onglet Automatisation. Dans l’onglet Automatisation, vous pouvez configurer ce qui se passe une fois qu’un formulaire est soumis.
  • Dans la section Automatiser 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 votre propre 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. 
    
    

Utilisez votre formulaire

Après avoir créé un nouveau formulaire ou effectué sa mise à jour, vous devrez le mettre à jour pour que les modifications soient mises en ligne. Ensuite, ajoutez-le à votre contenu HubSpot, utilisez le code intégré de formulaire pour l’ajouter à une page externe ou partagez-le en tant que page autonome avec un lien de partage. 

• Dans votre compte HubSpot, accédez à Formulaires marketing>.
• Créez un nouveau formulaire ou passez le curseur de votre souris sur un formulaire existant et cliquez sur Modifier.
•  Dans l’angle supérieur droit, cliquez sur Mettre à jour pour publier les mises à jour de votre formulaire.

La publication des formulaires ne peut pas être annulée. Si le formulaire est intégré à une page externe, vous pouvez supprimer manuellement le code d'intégration du formulaire. Toutefois, le seul moyen de désactiver la page de formulaire autonome consiste à supprimer le formulaire.