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 les options de champ. 

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. 

Modifier les champs du formulaire

Pour modifier un champ de formulaire :

1. Dans votre compte HubSpot, accédez à Marketing > Formulaires.
2. Créez un nouveau formulaire ou passez le curseur de votre souris sur un formulaire existant et cliquez sur Modifier.
3. Pour modifier l’option d’un champ, dans le panneau de droite, cliquez sur le champ dans l’aperçu du formulaire.
4. Dans le panneau de gauche, cliquez pour développer la section Options de champ. Les options peuvent varier selon le type de propriété du champ.

• • 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.
  • Champ masqué : lorsque cette option est activée, la valeur du champ est définie lors de la soumission du formulaire, mais le champ n'apparaît pas pour le visiteur. Une fois le paramètre activé, définissez la valeur par défaut qui passera dans la propriété lorsque le formulaire sera soumis.
  • Champ obligatoire : lorsque cette option est activée, le champ doit être renseigné pour soumettre le formulaire. Si un champ de formulaire a été défini comme obligatoire, il ne peut pas être masqué. 

Ajouter ou modifier des options dans un champ de formulaire

Pour ajouter de nouvelles options à cases à cocher, cases d’option, champ déroulant de formulaire, vous devez d’abord modifier la propriété d’origine. Une fois la propriété mise à jour, vous pourrez ajouter les nouvelles options de champ dans l’éditeur de formulaires. Découvrez-en davantage sur la modification des options des propriétés d’énumération. 

Pour ajouter des options à un champ de formulaire : 

1. Mettez à jour votre propriété existante pour ajouter de nouvelles valeurs. 
2. Accédez à > Marketing Forms.
3. Passez le curseur de votre souris sur votre formulaire existant et cliquez sur Modifier.
4. Dans l’aperçu du formulaire, cliquez sur le champ auquel vous souhaitez ajouter des options. 
5. Dans le panneau de gauche, cliquez pour développer la section Options de champ.
6. En bas du tableau des options de champ, cliquez sur Ajouter une option. 

7. Dans la boîte de dialogue, sélectionnez les cases à cocher à côté des options disponibles que vous souhaitez ajouter au champ de formulaire. Cliquez sur Ajouter les options sélectionnées.
8. Dans l'angle supérieur droit, cliquez sur Vérifier et mettre à jour.

Pour modifier ou supprimer des options dans un champ de formulaire : 

1. Dans votre compte HubSpot, accédez à Marketing > Formulaires.
2. Passez le curseur sur le nom du formulaire et cliquez sur Actions, puis sélectionnez Modifier. Ou créer un formulaire
3. Dans l'éditeur de formulaire, cliquez sur un champ pour personnaliser ses options.
4. Dans le panneau de gauche, dans la section Options de champ : 
   • Pour modifier les options actuelles, passez le curseur de la souris sur l'option et cliquez sur l'icône edit Modifier. 
   • Pour supprimer les options actuelles, passez le curseur de la souris sur l'option et cliquez sur l'icône delete Supprimer.
   • Sélectionnez une option pour la définir comme option par défaut. 

5. Dans l'angle supérieur droit, cliquez sur Vérifier et mettre à jour.

Modifier des éléments de formulaire supplémentaires

Comme pour les champs de formulaire, ces éléments peuvent être placés au-dessus, au-dessous ou à côté d'autres champs. 

1. Dans votre compte HubSpot, accédez à Marketing > Formulaires.
2. Créez un nouveau formulaire ou passez le curseur de votre souris sur un formulaire existant et cliquez sur Modifier.
3. Pour modifier un champ Image : 
   • Dans le panneau de droite, cliquez sur le champ d'image dans l'aperçu du formulaire.
     
   • Dans le panneau de gauche, modifiez l'image : 
     • Pour remplacer l'image, cliquez sur l'icône Remplacer l'image dans l'angle replace supérieur droit. 
     • Pour modifier l'image, cliquez sur l'icône Modifier dans l'angle edit supérieur droit. 
     • Pour supprimer l'image, cliquez sur l'icône delete Supprimer dans l'angle supérieur droit. 

1. • • Pour ajuster la taille de l'image, cliquez sur le menu déroulant Taille et sélectionnez une option : 
       • Ajustement automatique : l'image sera redimensionnée en fonction du navigateur et de l'appareil de l'utilisateur.
       • Largeur et hauteur exactes : l'image conservera les dimensions spécifiées sur tous les appareils. Il ne sera pas redimensionné en fonction de l'écran.
   • Dans le champ Lien (facultatif), saisissez l'URL vers laquelle le visiteur sera redirigé s'il clique sur l'image.  
   • Sous Alignement de l'image, cliquez sur Alignement à gauche, au centre ou à droite pour les options horizontales ou verticales. 
   • Pour réinitialiser l'alignement à ses paramètres d'origine, cliquez sur Réinitialiser l'alignement. 

4. Pour modifier un champ En-tête
   • Dans le panneau de droite, cliquez sur le champ En-tête dans l'aperçu du formulaire.
   • Dans le panneau de gauche, cliquez sur le menu déroulant Niveau d'en-tête pour modifier le niveau de l'en-tête. Vous avez le choix entre H1 et H6.
   • Sous Alignement, cliquez sur Alignement à gauche, au centre ou à droite . 
   • Pour réinitialiser l'alignement à ses paramètres d'origine, cliquez sur Réinitialiser l'alignement. 

5. Pour modifier un champ de texte enrichi : 
   • Dans le panneau de droite, cliquez sur le champ Texte enrichi dans l'aperçu du formulaire.
   • Dans le panneau de gauche, cliquez sur Modifier dans la vue agrandie. Utilisez la barre d'outils de texte enrichi pour formater et styliser votre texte. Découvrez-en davantage sur la modification de contenu dans des modules de texte enrichi. 

6. Pour modifier un champ Confidentialité des données : 
   • Dans le panneau de droite, cliquez sur le champ Confidentialité des données dans l'aperçu du formulaire.
   • Cliquez sur le menu déroulant Comment voulez-vous obtenir les autorisations de fiche d'informations de votre contact ? et sélectionnez une option. Découvrez-en davantage sur les options d’avis et de consentement. 
   • Sous Quels consentements souhaitez-vous recueillir ?, sélectionnez ou désélectionnez le type d’abonnement pour chaque abonnement aux communications que vous souhaitez proposer sur ce formulaire.
   • Pour ajouter des cases à cocher Type d’abonnement supplémentaires afin de permettre aux visiteurs de consentir aux communications provenant de plusieurs types d’abonnements, cliquez sur Ajouter un autre abonnement.
   • Pour inclure une déclaration de politique de confidentialité, sélectionnez la case à cocher Inclure la déclaration de politique de confidentialité . Découvrez-en davantage sur l’ajout d’informations sur l’avis et le consentement à votre formulaire.

7. Dans l’angle supérieur droit, cliquez sur Vérifier et mettre à jour pour publier les mises à jour de votre formulaire.

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. 

1. Dans votre compte HubSpot, accédez à Marketing > Formulaires.
2. Passez le curseur sur le nom du formulaire et cliquez sur Actions, puis sélectionnez Modifier.
3. Placez le curseur sur le champ de date et cliquez sur Modifier edit.
4. Dans le panneau de droite, cliquez sur le champ Date. 
5. Dans le panneau de gauche, cliquez sur le menu déroulant Format , puis sélectionnez le format de date souhaité.