Ignorer et passer au contenu principal
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.

Personnaliser la mise en page de vos champs de formulaire

Dernière mise à jour: février 21, 2025

Disponible avec le ou les abonnements suivants, sauf mention contraire :

Tous les produits et les abonnements

Apprenez à personnaliser la présentation et la structure de vos formulaires. Vous pouvez ajouter du contenu entre les champs de votre formulaire et en personnaliser l'ordre.

Ajouter du contenu entre les champs de formulaire

Vous pouvez ajouter du texte, des liens et des images entre les champs de votre formulaire HubSpot en insérant un élément de zone de texte riche.

  • Dans votre compte HubSpot, accédez à Marketing > Formulaires.
  • Passez le curseur de la souris sur votre formulaire et cliquez sur Modifier, ou créez un nouveau formulaire.
  • Si vous utilisez le nouvel éditeur de formulaires
    • Dans l’angle supérieur gauche, cliquez sur l’icône + ajouter.
    • Dans le panneau de gauche, cliquez sur Other
    • Cliquez sur le type de champ Paragraphe (RichText) et faites-le glisser sur l’aperçu du formulaire à droite pour l’inclure à votre formulaire.
    • Dans le panneau de gauche, cliquez sur Modifier dans la vue agrandie
      • La barre d'outils permet de personnaliser le contenu en formatant le texte ou en ajoutant des liens et des images.
      • Une fois que vous avez terminé, cliquez sur Retour au formulaire
    • Dans l’angle supérieur droit, cliquez sur Vérifier et mettre à jour pour publier vos mises à jour de formulaire.
  • Si vous utilisez un formulaire hérité : 
    • Cliquez sur l'onglet Create new dans le panneau de gauche. 
    • Dans l'onglet Create New du panneau de gauche, cliquez sur l'élément Paragraph (RichText) et faites-le glisser entre les champs de formulaire souhaités.
       
 
    • Dans le panneau de droite, cliquez sur l'élément Rich text area .
    • Dans le panneau de gauche, modifiez le texte :
      • La barre d'outils permet de personnaliser le contenu en formatant le texte ou en ajoutant des liens et des images.
      • Pour lier ou dissocier le texte enrichi des champs existants, cliquez sur Détacher le texte enrichi du champ de saisie
    • Dans l’angle supérieur droit, cliquez sur Mettre à jour pour publier les mises à jour de votre formulaire.
       

Modifier l'ordre des options dans un champ de formulaire

Si vous utilisez un champ de formulaire avec plusieurs options, comme une propriété de menu déroulant, vous pouvez réorganiser les options. En savoir plus sur les options disponibles.

  • Dans votre compte HubSpot, accédez à Marketing > Formulaires.
  • Passez le curseur de votre souris sur votre formulaire et cliquez sur Modifier, ou créez un nouveau formulaire.
  • Dans la fenêtre de droite, cliquez sur le champ pour modifier l'ordre de ses options.
  • Dans le panneau de gauche, dans la section Options de champ , cliquez sur les dragHandle lignes pointillées à gauche d’une option de champ, puis cliquez sur l’option et faites-la glisser vers la position souhaitée.
  • Pour trier les options par ordre alphabétique, cliquez sur sortAlpAsc Trier.
  • Dans l’angle supérieur droit, cliquez sur Vérifier et mettre à jour pour publier vos mises à jour de formulaire.
     
     

 

Disposer les champs de formulaire côte à côte

Vous pouvez placer un maximum de trois champs côte à côte dans un formulaire.

  • Dans votre compte HubSpot, accédez à Marketing > Formulaires.
  • Passez le curseur de la souris sur votre formulaire et cliquez sur Modifier, ou créez un nouveau formulaire.
  • Si vous utilisez le nouvel éditeur de formulaire, cliquez sur le champ de formulaire et faites-le glisser pour afficher les options d’emplacement.
  • Si vous utilisez l’éditeur de formulaire hérité, cliquez sur les lignes pointillées à gauche d’un champ et maintenez-les enfoncées pour afficher les options de placement.
  • Pour le placer à côté d'un champ sur une ligne, faites-le glisser jusqu'à l'un des espaces disponibles sur cette ligne.
  • Dans l’angle supérieur droit, cliquez sur Vérifier et mettre à jour pour publier vos mises à jour de formulaire.

Remarque : Les champs progressifs (Marketing Hub   Pro ou Entreprise uniquement) ne peuvent pas être appliqués à un champ de formulaire individuel dans une ligne. Lorsque vous rendez un champ individuel progressif, tous les autres champs de la même ligne deviennent automatiquement progressifs.

 

 

Cet article vous a-t-il été utile ?
Ce formulaire n'est utilisé que pour recueillir du feedback sur la documentation. Découvrez comment obtenir de l'aide sur HubSpot.