Wix Formulaires : Personnaliser le design des formulaires de votre site
Temps de lecture : 4 min
Concevez votre formulaire pour ajouter une touche d'personnalisation à l'expérience de vos visiteurs. Personnalisez la couleur d'arrière-plan, modifiez le texte du bouton ou ajustez les ombres et les bordures pour donner vie au formulaire.
Remarque :
Le design de votre formulaire n'est pour le moment disponible que pour les formulaires du site. Pour les formulaires autonomes, vous pouvez gérer les champs du formulaire mais ne pas mettre à jour leur design.
![Capture d'écran d'un formulaire de contact avec des champs lilas personnalisés.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/11/20/135637ae-f44b-4a54-ac1b-d1cfd9994c83/d1ca164d-c014-4411-a81c-4b682da5a3d4.png)
Comment puis-je savoir si j'utilise d'anciens Wix Formulaires ou des nouveaux Wix Formulaires ?
[Cet article vous aidera à comprendre les différences entre l'ancien et le nouveau Wix Formulaires.
Pour personnaliser le design des formulaires de votre site :
Nouveaux Formulaires
Anciens Formulaires
- Cliquez sur le formulaire concerné sur votre page.
- Cliquez sur Paramètres.
- Cliquez sur l'onglet Design.
- Personnalisez le design du formulaire à l'aide des options disponibles :
- Arrière-plan du formulaire : Choisissez la couleur d'arrière-plan du formulaire, ainsi que la couleur de bordure et la largeur.
- Champs du formulaire : Sélectionnez un style de champ du formulaire et personnalisez l'opacité, la police, la taille de la police, etc.
Suggestion : Vous pouvez concevoir la façon dont les champs apparaissent dans différents états : Normal, survol et erreur. - En-tête et paragraphe : Choisissez une police et une couleur pour le texte du formulaire.
- Boutons : Concevez le design des boutons du formulaire, y compris la façon dont ils apparaissent au survol (ex Bouton d'envoi, bouton de retour, etc.)
![Une capture d'écran de l'onglet Design d'un formulaire avec les options de couleur du bouton sélectionnées.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2024/09/24/9d3bdb2f-5708-4e14-8239-dea43beac24c/fed3ac2c-79b6-49b4-82ab-a7b11f29ff53.png)