> ## 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.
# Structure du Widget Studio
> Explorez l'interface du Widget Studio, y compris les contrôles d'en-tête, les sections de la barre latérale, la gestion des écrans et les options d'aperçu d'appareil.
Le Widget Studio Kameleoon est composé d'un en-tête, d'une barre latérale avec cinq onglets et d'une zone centrale où vous pouvez prévisualiser la personnalisation de votre widget.
## Liste déroulante des écrans
### Ajouter un écran
Vous pouvez ajouter autant d'écrans que vous le souhaitez.
Par exemple :
* Écran 1 : Pop-in newsletter
* Écran 2 : Pop-in de remerciement
### Définir un écran par défaut
Lorsque vous avez créé plusieurs écrans, le premier écran créé (en haut de la liste déroulante) est automatiquement désigné comme **écran par défaut**. L'écran par défaut est ce qu'un visiteur voit en premier lorsqu'il est exposé à votre widget.
Vous pouvez changer l'écran par défaut en cliquant sur le menu **trois points** et en cochant **Définir comme écran par défaut**.
### Supprimer un écran
Pour supprimer un écran, cliquez sur le menu **trois points** > **Supprimer un écran**.
### Dupliquer un écran
Pour dupliquer un écran, cliquez sur l'icône de duplication.
Le design, les animations et les événements associés seront également dupliqués.
## Zoom
Zoomez ou dézoomez le contenu du widget.
## Sélection d'appareil
Sélectionnez les appareils sur lesquels votre widget s'affichera.
## Annuler/Rétablir
Annulez (flèche gauche) ou rétablissez (flèche droite) la dernière action que vous avez effectuée sur le widget.
## Simuler
Simule le widget dans des conditions réelles (utile si des événements ont été ajoutés).
## Enregistrer
Enregistrez le widget sans l'activer. Le widget apparaîtra sur le tableau de bord **Widgets** avec le statut **Désactivé** et ne pourra pas être utilisé dans une campagne.
## Activer
Activez le widget pour l'utiliser dans une campagne. Le widget apparaîtra sur le tableau de bord **Widgets** avec le statut **Activé**.
## Barre latérale
La barre de gauche comporte cinq sections distinctes :
* Ajouter un élément
* Contenu (affiché par défaut)
* Traductions
* Animations
* Événements et actions
* Code personnalisé
### Ajouter un élément
Ici, vous pouvez ajouter un élément à votre widget.
Pour apprendre à ajouter un élément à un widget, [lisez cet article](./edit-your-widgets).
### Contenu
Ici, vous pouvez modifier le contenu de votre widget.
Pour apprendre à modifier le contenu d'un widget, [lisez cet article](./edit-your-widgets).
### Traductions
Ici, vous pouvez configurer le widget dans plusieurs langues.
### Animations
Ici, vous pouvez ajouter des animations d'entrée et/ou de sortie à votre widget.
Pour apprendre à ajouter une animation à votre widget, [lisez cet article](./animate-your-widget).
### Événements et actions
Ici, vous pouvez associer des événements et des actions à votre widget.
Pour apprendre à associer des événements et des actions à votre widget, [lisez cet article](./associate-events-and-actions-with-your-widget).
### Code personnalisé
Ici, vous pouvez créer du code CSS ou JS personnalisé dans le Widget Studio, appliquer des styles personnalisés à n'importe quel élément du widget et exécuter vos scripts personnalisés à la demande.