Modifier les champs de formulaire

Après avoir créé un formulaire et ajouté des champs, vous pouvez personnaliser les champs de formulaire ainsi que 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 > Modifier le formulaire ou 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 la ou les options à ajouter et cliquez sur Ajouter.

• Dans l'angle supérieur droit, cliquez sur Publier pour publier le formulaire.

Découvrez-en avantage sur l'ajout de nouvelles options à un champ de formulaire ou la suppression d'une valeur de propriété comme option de tous les formulaires.

Ajouter de nouvelles options à un champ de formulaire

Pour ajouter de nouvelles options à un champ de formulaire de case à cocher multiple, de case d'option ou de menu déroulant, vous devez modifier la propriété de contact initiale.

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

Répétez cette étape pour toutes les autres options de propriété que vous souhaitez ajouter. Vos nouvelles options de propriété s'afficheront dans l'éditeur de formulaire et sur le formulaire publié.

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 > Modifier le formulaire. 
• 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.

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

Remarque : Les champs de chargement de fichier sont limités à 100 Mo pour un fichier seul et à 500 Mo au total pour plusieurs fichiers.

• Pour charger plusieurs fichiers, sélectionnez tous les fichiers depuis de gestionnaire de fichiers. Après avoir chargé les fichiers sélectionnés, si vous cliquez à nouveau sur le bouton Choisir un fichier et qu'un autre fichier est sélectionné, les fichiers initiaux seront remplacés. 
  
  

Si un visiteur charge un fichier et soumet votre formulaire, le fichier est stocké dans un dossier caché dans votre gestionnaire de fichiers. Un lien redirigeant vers le fichier apparaît alors dans la fiche d'informations du contact dans HubSpot.

Tous les liens des fichiers chargés seront inclus dans les données de la soumission de formulaire et dans les événements de soumission de formulaire sur la chronologie du contact.  

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 de numéro de téléphone par défaut accepte uniquement les chiffres et les caractères généralement utilisés dans les numéros de téléphone, tels que + - ( ) . x. 
• Si vous avez sélectionné l'option Afficher le menu déroulant de l'indicatif pays, l'indicatif pays sera inclus dans les restrictions de longueur.

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 > Modifier le formulaire. 
• Placez le curseur sur le champ Numéro de téléphone et cliquez sur Modifier edit.
• 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 dans un menu déroulant et inclure leur indicatif pays, activez l'option Afficher le menu déroulant d'indicatif 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 à un blog par défaut pour que les visiteurs s'abonnent à 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 E-mail d'abonnement à [Nom du blog].
• Cliquez et faites glisser votre champ d'abonnement à un blog par e-mail vers l'emplacement souhaité dans le formulaire. 
• Dans l'éditeur de formulaire, cliquez sur le champ d'abonnement par e-mail pour modifier ses options d'affichage.
• Dans l'angle supérieur droit, cliquez sur Publier pour publier le formulaire.
  
  

Ajouter une case à cocher d'abonnement à un blog personnalisée à votre formulaire

• Créez une propriété de contact de case à cocher unique :
  • Créez une propriété de contact personnalisée et définissez Type de champ sur 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 vos critères d'inscription pour inscrire les contacts qui ont sélectionné la case à cocher.
    • Dans votre workflow, cliquez sur Définir 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 de, 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 Choisir une propriété de contact et sélectionnez la propriété Abonnement par e-mail à [Nom du blog].
  • Cliquez sur le menu déroulant Choisir une valeur de 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 de 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 ses options d'affichage.

• • Dans l'angle supérieur droit, cliquez sur Publier pour publier le formulaire.

Les contacts qui sélectionnent la case à cocher et soumettent le formulaire auront leur valeur de propriété de case à cocher définie sur Oui. Ils seront alors inscrits dans le workflow et leur propriété d'abonnement à un blog sera mise à jour selon la fréquence d'abonnement spécifiée.