> ## 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.
# Estructura del Widget Studio
> Explore la interfaz del Widget Studio, incluyendo los controles del encabezado, las secciones de la barra lateral, la gestión de pantallas y las opciones de vista previa de dispositivos.
El Widget Studio de Kameleoon se compone de un encabezado, una barra lateral con cinco pestañas y un área central donde puede previsualizar la personalización de su widget.
## Menú desplegable de pantallas
### Añadir una pantalla
Puede añadir tantas pantallas como necesite.
Por ejemplo:
* Pantalla 1: pop-in del newsletter
* Pantalla 2: pop-in de agradecimiento
### Establecer una pantalla por defecto
Cuando ha creado varias pantallas, la primera pantalla creada (en la parte superior de la lista desplegable) se designa automáticamente como la **pantalla predeterminada**. La pantalla predeterminada es lo que un visitante ve primero cuando se expone a su widget.
Puede cambiar la pantalla predeterminada haciendo clic en el menú de **tres puntos** y marcando **Definir como pantalla predeterminada**.
### Eliminar una pantalla
Para eliminar una pantalla, haga clic en el menú de **tres puntos** > **Eliminar una pantalla**.
### Duplicar una pantalla
Para duplicar una pantalla, haga clic en el icono de duplicar.
El diseño, las animaciones y los eventos asociados también se duplicarán.
## Zoom
Acerque o aleje el contenido del widget.
## Selección de dispositivo
Seleccione los dispositivos en los que se mostrará su widget.
## Deshacer/Rehacer
Deshaga (flecha izquierda) o rehaga (flecha derecha) la última acción que realizó en el widget.
## Simular
Simula el widget en condiciones reales (útil si se han añadido eventos).
## Guardar
Guarde el widget sin activarlo. El widget aparecerá en el panel de **Widgets** con el estado **Deshabilitado** y no podrá utilizarse en una campaña.
## Activar
Active el widget para utilizarlo en una campaña. El widget aparecerá en el panel de **Widgets** con el estado **Activado**.
## Barra lateral
La barra izquierda tiene cinco secciones distintas:
* Añadir elemento
* Contenido (mostrado de forma predeterminada)
* Traducciones
* Animaciones
* Eventos y acciones
* Código personalizado
### Añadir elemento
Aquí puede añadir un elemento a su widget.
Para aprender a añadir un elemento a un widget, [lea este artículo](./edit-your-widgets).
### Contenido
Aquí puede editar el contenido de su widget.
Para aprender a editar el contenido de un widget, [lea este artículo](./edit-your-widgets).
### Traducciones
Aquí puede configurar el widget en varios idiomas.
### Animaciones
Aquí puede añadir animaciones de entrada y/o salida a su widget.
Para aprender a añadir una animación a su widget, [lea este artículo](./animate-your-widget).
### Eventos y acciones
Aquí puede asociar eventos y acciones a su widget.
Para aprender a asociar eventos y acciones a su widget, [lea este artículo](./associate-events-and-actions-with-your-widget).
### Código personalizado
Aquí puede crear código CSS o JS personalizado en el Widget Studio, aplicar estilos personalizados a cualquier elemento del widget y ejecutar sus scripts personalizados a demanda.