> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction aux formulaires

> Créez et affichez des formulaires entièrement personnalisés sur votre site Web à l'aide du Kameleoon Widget Studio pour collecter et valider les données des visiteurs.

Vous pouvez créer et afficher des formulaires entièrement personnalisés sur votre site Web à l'aide du Kameleoon Widget Studio.

## Exemple de cas d'utilisation

Supposons que vous souhaitiez encourager les visiteurs à s'abonner à votre newsletter. Votre objectif est de collecter des adresses e-mail et de fournir aux visiteurs des offres personnalisées.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-forms/introduction-to-forms/0.png)
</Frame>

Le widget doit collecter des données, vérifier si elles sont au bon format, les envoyer à la bonne destination et réagir en conséquence.

Pour ce faire, vous allez créer un widget contenant un formulaire avec plusieurs éléments :

* un champ **Email address**
* deux listes déroulantes de sélection, incluant une logique conditionnelle
* un toggle pour accepter les Conditions générales
* un écran pour l'envoi des données réussi
* un écran pour l'envoi des données échoué

Tout d'abord, vous devez [créer un nouveau widget](../create-a-widget).

Ensuite, vous pouvez suivre [ces](./design-your-form) étapes pour créer votre formulaire dans notre Widget Studio.
