Comment accéder à l'Outil de conception avancé et l'utiliser

Résumer avec :

L’Outil de conception avancé est un outil puissant qui permet de créer des formulaires époustouflants et entièrement personnalisés. Avec son interface conviviale et ses options de conception étendues, vous avez un contrôle total sur l’apparence de votre formulaire. Que ce soit pour ajuster la mise en page, les couleurs ou les polices, l’Outil de conception avancé facilite la création de formulaires afin qu’ils correspondent parfaitement à vos besoins et à votre identité de marque.

Accéder à l’Outil de conception avancé

Pour accéder à l’outil de conception avancé, voici comment procéder :

Dans le Générateur de formulaires, cliquez sur le Concepteur de formulaires (icône de rouleau à peinture) sur le côté droit de la page.

Capture d'écran d'un formulaire avec une flèche pointant vers l'icône de rouleau à peinture afin d'ouvrir le Concepteur de formulaires dans le Générateur de formulaires de Jotform

Dans le Concepteur de formulaires, cliquez sur le bouton Outil de conception avancé en bas du volet à droite afin de téléverser votre formulaire sur la page de cet outil.

Capture d'écran d'un formulaire avec le volet du Concepteur de formulaires ouvert et une flèche pointant vers le bouton Outil de conception avancé dans le Générateur de formulaires de Jotform

Maîtriser l’Outil de conception avancé

Maintenant que vous savez comment accéder à l’Outil de conception avancé, nous allons passer en revue ses fonctionnalités et nous allons vous expliquer comment définir des thèmes de couleurs, téléverser des images d’arrière-plan, personnaliser la mise en page du formulaire, et bien plus encore.

L’onglet Design

Dans l’onglet Design de l’Outil de conception avancé, vous disposez de nombreuses options pour personnaliser l’apparence de votre formulaire. Vous pouvez y ajuster le jeu de couleurs, l’image d’arrière-plan, la mise en page, le logo, les polices, le style des étiquettes ainsi que les espacements, afin d’adapter parfaitement le design à vos préférences.

Capture d'écran d'un formulaire dans l'Outil de conception avancé du Générateur de formulaires de Jotform avec un encadré autour des options qu'il est possible d'ajuster

Voici un aperçu de chaque option disponible :

Schéma de couleurs : sélectionnez un modèle prédéfini afin d’appliquer rapidement un thème de couleurs professionnel à votre formulaire.
Image d’arrière-plan : téléversez une image ou collez le lien d’une image afin de définir l’arrière-plan de votre formulaire.
Mise en page du formulaire : ajustez la largeur de votre formulaire, l’espacement vertical et horizontal, ainsi que la largeur des champs pour un agencement plus professionnel.
Logo du formulaire : téléversez votre logo, personnalisez sa largeur et sa hauteur, ajustez sa position et définissez la marge inférieure.
Options de police : modifiez la taille de police de base de votre formulaire à l’aide du curseur afin de garantir la lisibilité.
Styles des étiquettes : choisissez le style, la couleur, l’alignement, et l’espacement des étiquettes pour une meilleure organisation visuelle.
Disposition des lignes : personnalisez le remplissage vertical et horizontal afin d’optimiser l’espacement entre les éléments de votre formulaire.

L’onglet CSS

Dans l’onglet CSS, vous pouvez saisir ou encoder vos propres codes CSS afin de personnaliser davantage le design de votre formulaire. Cette fonctionnalité vous permet d’adapter librement l’apparence des différents éléments de formulaire selon vos besoins. Si vous ne maîtrisez pas l’écriture de code CSS, l’Aide CSS vous accompagne pas à pas pour générer facilement le code personnalisé pour votre formulaire, sans nécessiter de connaissances techniques avancées en codage.

Conseil de pro

Besoin d’aide avec le code CSS ? Consultez notre guide intitulé Comment personnaliser votre formulaire à l’aide de code CSS pour découvrir une collection des extraits de code CSS les plus couramment utilisés afin d’améliorer le design de votre formulaire.

À gauche, dans l’Outil de conception avancé, se trouve trois icônes représentant les options suivantes :

Icône du logo Jotform gris : passez votre souris sur cette icône pour la changer en icône de « X » afin de revenir au Générateur de formulaires.
Icône de disquette : cliquez sur cette icône pour enregistrer les modifications que vous avez apportées dans l’Outil de conception avancé.
Icône de liste : cliquez sur cette icône pour changer de formulaire.

Capture d'écran de l'Outil de conception avancé du Générateur de formulaires de Jotform avec un encadré autour des trois icônes en haut à gauche

Remarque

L’Outil de conception avancé est disponible uniquement dans les Formulaires classiques. Il n’est pas possible de l’utiliser avec les Formulaires à cartes. Si vous souhaitez passer d’un format de Formulaire à cartes à un Formulaire classique, consultez notre guide intitulé Comment changer la mise en page d’un formulaire.