Modifier les champs de formulaire

Après avoir créé un formulaire et ajouté des champs de formulaire, vous pouvez personnaliser les champs de formulaire et leurs options.

Si vous n'avez pas encore ajouté de champs de formulaire, découvrez comment ajouter des champs de formulaire existants ou créer un nouveau champ de formulaire.

Personnaliser les options de champ de formulaire

Par défaut, toutes les valeurs d'une propriété de contact sont disponibles comme options de champ de formulaire. Toutefois, vous pouvez personnaliser les champs disponibles pour chaque formulaire. 

• Dans votre compte HubSpot, accédez à Marketing > Capture de leads > Formulaires.
• Passez le curseur sur le nom du formulaire et cliquez sur Actions, puis sélectionnez Modifier. Vous pouvez également créer un nouveau formulaire.
• Dans l'éditeur de formulaire, cliquez sur un champ pour personnaliser ses options.
• Dans le panneau de gauche, dans la section Options de champ :
  • Pour supprimer les options actuelles, passez le curseur sur l'option et cliquez sur Supprimer.
  • Pour ajouter des options non utilisées, cliquez sur Ajouter des options en bas de la section. Dans la boîte de dialogue, sélectionnez les options à ajouter et cliquez sur Ajouter.
• Dans l'angle supérieur droit, cliquez sur Publier pour mettre à jour le formulaire en ligne.
   

Ajouter de nouvelles options à un champ de formulaire

Pour ajouter de nouvelles options à plusieurs cases à cocher, cases d'option ou champs déroulants de formulaire, vous devez modifier la propriété de contact initiale. Cette opération permet de mettre à jour le champ pour tous les formulaires utilisant cette propriété. 

• Dans votre compte HubSpot, cliquez sur l'icône Paramètres settings dans la barre de navigation principale.
• Dans le menu latéral de gauche, accédez à Propriétés.
• Recherchez et cliquez sur le nom de la propriété.
• Vérifiez que le bouton Dans les formulaires est activé pour toutes les options que vous souhaitez afficher dans vos formulaires.
• Pour ajouter une nouvelle option de propriété, cliquez sur + Ajouter une option.
• Saisissez un libellé pour votre nouvelle option.
• Dans l'angle inférieur gauche, cliquez sur Enregistrer. Vous pouvez répéter les étapes ci-dessus pour toutes les options de propriété supplémentaires que vous souhaitez ajouter. Les nouvelles options de propriété apparaîtront dans l'éditeur de formulaire et sur le formulaire en ligne.
  
  

Personnaliser le champ de date

Après avoir ajouté un champ de date à votre formulaire, vous pouvez choisir le type de format de date que les visiteurs utiliseront dans le champ de formulaire. Par exemple, JJ/MM/AAAA ou MM-JJ-AAAA. 

• Dans votre compte HubSpot, accédez à Marketing > Capture de leads > Formulaires.
• Passez le curseur sur le nom du formulaire et cliquez sur Actions, puis sélectionnez Modifier.
• Placez le curseur sur le champ de date et cliquez sur Modifier edit.
• Dans le panneau de gauche, faites défiler et cliquez sur le menu déroulant Format de date, puis sélectionnez votre format de date. 
• Dans l'angle supérieur droit, cliquez sur Publier.
  
  

Personnaliser votre champ de chargement de fichier

Après avoir ajouté un champ de chargement de fichier à votre formulaire, vous pouvez autoriser les visiteurs à charger un ou plusieurs fichiers avec leurs soumissions de formulaires. Lorsqu'un visiteur charge un fichier et soumet le formulaire, le fichier est stocké dans un dossier caché au sein du gestionnaire de fichiers.

Un lien redirigeant vers le fichier apparaît alors dans la fiche d'informations du contact dans HubSpot. Les liens des fichiers chargés seront inclus dans les données de soumission de formulaire et dans les événements de soumission de formulaire dans la chronologie de chaque contact. 

Pour personnaliser votre champ de chargement de fichier :

• Dans votre compte HubSpot, accédez à Marketing > Capture de leads > Formulaires.
• Passez le curseur sur le nom du formulaire et cliquez sur Actions, puis sélectionnez Modifier.
• Placez le curseur sur le champ de chargement de fichier et cliquez sur Modifier edit.
• Dans le panneau de gauche, faites défiler et cochez la case Autoriser plusieurs fichiers.
• Dans l'angle supérieur droit, cliquez sur Publier.

Remarque : La taille limite de fichiers est de 100 Mo pour les champs de téléchargement d'un ou de plusieurs fichiers. Les champs de téléchargement de fichiers multiples n'imposent aucune limite quant au nombre de fichiers téléchargés, tant que la taille totale des fichiers est inférieure ou égale à 100 Mo. 

• Pour charger plusieurs fichiers, sélectionnez tous les fichiers depuis de gestionnaire de fichiers. Après avoir téléchargé les fichiers sélectionnés, si vous cliquez à nouveau sur le bouton Sélectionner un fichier et qu'un autre fichier est sélectionné, les fichiers originaux seront écrasés. Il n'est pas possible de télécharger plusieurs fichiers à la fois.
  
  

Configurer un champ de formulaire de numéro de téléphone

Lorsque vous configurez un champ de formulaire de numéro de téléphone, tenez compte des points suivants :

• Les paramètres des numéros de téléphone doivent être personnalisés pour chaque formulaire.
• Le champ Numéro de téléphone par défaut n'accepte que les chiffres et les caractères que l'on trouve habituellement dans les numéros de téléphone, tels que + - ( ) . x. 
• Si vous avez sélectionné l'option Afficher le menu déroulant des codes pays, effectuez les étapes suivantes :
  • Le code pays sera inclus dans toute restriction de longueur de numéro.
  • Il n'est pas possible de configurer le code pays par défaut. Par défaut, le code pays correspond à l'adresse IP de l'appareil du visiteur.
    
    

Pour configurer un champ de formulaire de numéro de téléphone : 

• Dans votre compte HubSpot, accédez à Marketing > Capture de leads > Formulaires.
• Passez le curseur sur le nom du formulaire et cliquez sur Actions, puis sélectionnez Modifier.
• Passez la souris sur le champ Phone number et cliquez sur edit Modifier.
• Dans le panneau de gauche, saisissez une longueur Minimum et Maximum. Si un visiteur saisit un numéro de téléphone qui ne répond pas aux restrictions de longueur, il ne pourra pas soumettre le formulaire. 
• Pour inviter les visiteurs à sélectionner leur pays depuis un menu déroulant et à saisir un code pays, activez l'option Afficher le menu déroulant des codes pays.
• Dans l'angle supérieur droit, cliquez sur Publier.

Ajouter un champ d'abonnement à un blog dans un formulaire

Il est recommandé de configurer et d'utiliser le formulaire d'abonnement par défaut pour les visiteurs qui souhaitent s'abonner à votre blog. Si vous avez accès aux workflows, vous pouvez également créer un champ de case à cocher personnalisé pour vos formulaires, puis utiliser un workflow pour abonner ces contacts. 

Ajouter le champ d'abonnement à un blog par défaut à votre formulaire

• Dans votre compte HubSpot, accédez à Marketing > Capture de leads > Formulaires.

• Cliquez sur le nom du formulaire.
• Dans le panneau de gauche, saisissez Abonnement dans la zone Rechercher. Les résultats afficheront vos propriétés d'abonnement à un blog, qui seront intitulées Abonnement aux e-mails de  [Nom du blog].
• Cliquez et faites glisser votre champ d'abonnement aux e-mails d'un blog vers l'emplacement souhaité dans le formulaire. 
• Dans l'éditeur de formulaire, cliquez sur le champ Abonnement aux e-mails pour modifier les options d'affichage.
• Dans l'angle supérieur droit, cliquez sur Publier pour mettre à jour le formulaire en ligne.
  
  

Ajouter au formulaire un champ de case à cocher personnalisé pour l'abonnement au blog (Pro et Entreprise uniquement)

• Créez une propriété de contact de case à cocher unique :
  • Créez une propriété de contact personnalisée et définissez le type de champ comme Case à cocher unique.
  • Vérifiez que l'option Utiliser dans les formulaires et les bots est sélectionnée.
    
    

• Configurez un workflow pour ajouter des contacts comme abonnés à un blog :
  • Créez un workflow basé sur les contacts.
  • Définissez les critères d'inscription pour inscrire les contacts qui ont coché la case.
    • Dans votre workflow, cliquez sur Configurer des critères d'inscription.
    • Dans le panneau de droite, sélectionnez Propriétés de contact.
    •  Recherchez et sélectionnez la nouvelle propriété de case à cocher d'abonnement.
    • Sélectionnez est l'un des, puis cliquez sur le menu déroulant et sélectionnez Oui.
  • Cliquez sur l'icône Plus (+) pour ajouter une action de workflow.
  • Dans le panneau de droite, sélectionnez Définir une valeur de propriété de contact.
  • Cliquez sur le menu déroulant Désélectionner une propriété de contact et sélectionnez la propriété Abonnement aux e-mails de [Nom du blog].
  • Cliquez sur le menu déroulant Sélectionner la valeur de la propriété et sélectionnez la fréquence d'abonnement pour le contact.
  • Dans l'angle supérieur droit, cliquez sur Vérifier et publier.
  • Vérifiez vos actions de workflow et vos paramètres. Dans l'angle supérieur droit, cliquez sur Activer.

• Ajoutez le champ de case à cocher dans votre formulaire :
  • Dans votre compte HubSpot, accédez à Marketing > Capture de leads > Formulaires.
  • Cliquez sur le nom du formulaire.
  • Dans le panneau de gauche, recherchez le nom de la propriété de contact avec case à cocher unique dans la zone Rechercher.
  • Cliquez et faites glisser la propriété vers l'emplacement souhaité dans le formulaire.Dans l'éditeur de formulaire, cliquez sur le champ pour modifier les options d'affichage.

• • Dans l'angle supérieur droit, cliquez sur Publier pour mettre à jour le formulaire en ligne.