> ## 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.

# Créer des écrans de succès et d'erreur

> Concevez des écrans de widget supplémentaires et configurez des événements HTTP Response pour afficher des messages de succès ou d'erreur après la soumission du formulaire.

Une fois que vous avez conçu les éléments de votre widget de formulaire, établi les règles et configuré la transmission des données, vous pouvez créer des écrans supplémentaires pour informer vos visiteurs du succès ou de l'échec de l'envoi du formulaire.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/build-success-and-error-screens/video-success-2.gif)
</Frame>

## Concevoir votre écran

Pour concevoir votre écran :

1. Cliquez sur le nom de votre widget en haut à gauche du Widget Studio.
2. Double-cliquez sur **Add screen** pour créer un écran de validation ou un écran d'erreur.
3. Concevez votre écran comme vous le souhaitez.

## Configurer les événements

Après avoir créé vos écrans, vous devez configurer des événements pour afficher l'écran approprié selon que la soumission des données du visiteur réussit ou échoue.

Pour configurer les événements :

1. Cliquez sur **Event** > **Add event**.
2. Sélectionnez **HTTP Response**.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-forms/build-success-and-error-screens/0.png)
</Frame>

<Tip>
  L'événement HTTP Response n'apparaît que si vous avez ajouté une action HTTP Request. Si ce n'est pas le cas, vous devez définir ce qui se passe lorsqu'un utilisateur soumet le formulaire en définissant un déclencheur et en ajoutant une action HTTP request pour envoyer les données du formulaire à l'URL spécifiée.
</Tip>

3. Sélectionnez **On success** ou **On error** selon l'écran que vous souhaitez afficher.
4. Sélectionnez le nom de la requête liée à votre HTTP Response dans le menu **Response Name**.

Nous devons maintenant spécifier ce qui se passe lorsque votre événement est déclenché. Pour ce faire :

1. Cliquez sur **Add action** > **Elements** > **Show element**.
2. Sélectionnez soit **Success screen**, soit **Failure screen** selon l'écran que vous souhaitez afficher.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-forms/build-success-and-error-screens/1.png)
</Frame>

Votre événement est créé. Lorsque la requête réussit, l'écran de succès s'affichera. Si une erreur est détectée, l'écran d'erreur s'affichera.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/build-success-and-error-screens/Capture-decran-2023-02-17-a-15.20.32.png)
</Frame>