Personnaliser la mise en page des champs de formulaire

Personnalisez la mise en page de vos champs de formulaire pour contrôler l’apparence et le fonctionnement de votre formulaire pour les visiteurs. Vous pouvez ajuster l’emplacement des champs et regrouper les champs associés pour créer une expérience de formulaire plus organisée. Par exemple, vous pouvez regrouper les coordonnées des contacts ou réorganiser les champs pour qu’ils correspondent au flux de votre processus de conversion.

Cet article explique comment personnaliser la mise en page des champs de formulaire à l’aide du nouvel éditeur de formulaires. Si vous utilisez l’éditeur de formulaires hérité, découvrez comment personnaliser la mise en page de vos champs de formulaire avec des formulaires hérités. 

Ajouter du contenu entre les champs de formulaire

Les champs de formulaire et les éléments de formulaire supplémentaires peuvent être placés au-dessus, en dessous ou à côté d’autres champs.

1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Marketing > Formulaires. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à Marketing > Formulaires.
2. Passez le curseur sur votre formulaire et cliquez sur Modifier, ou créez un nouveau formulaire.
3. Dans l’angle supérieur gauche, cliquez sur l’icône add Ajouter.
   • Dans le panneau de gauche, cliquez sur Champs, Propriétés ou Autre.
   • Cliquez sur le champ et faites-le glisser sur l’aperçu du formulaire à droite pour l’inclure à 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.

1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Marketing > Formulaires. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à Marketing > Formulaires.
2. Passez le curseur de la souris sur votre formulaire et cliquez sur Modifier, ou créez un nouveau formulaire.
3. Dans la fenêtre de droite, cliquez sur le champ pour modifier l'ordre de ses options.
4. Dans le panneau de gauche, dans la section Options de champ , cliquez sur les dragHandle pointillés à gauche d’une option de champ, puis faites glisser l’option vers la position souhaitée.
5. Pour trier les options par ordre alphabétique, cliquez sur sortAlpAsc Trier.
6. Dans l'angle supérieur droit, cliquez sur Analyser 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.

1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Marketing > Formulaires. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à Marketing > Formulaires.
2. Passez le curseur sur votre formulaire et cliquez sur Modifier, ou créez un nouveau formulaire.
3. Cliquez sur le champ de formulaire et faites-le glisser pour afficher les options de placement.
4. Pour le placer à côté d'un champ sur une ligne, faites-le glisser jusqu'à l'un des espaces disponibles sur cette ligne.
5. Dans l'angle supérieur droit, cliquez sur Analyser et mettre à jour pour publier vos mises à jour de formulaire.