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

# Realizar pruebas A/B con sus widgets

> Añada un widget activado a una variación en el Editor gráfico para incluirlo en un experimento A/B.

Puede probar sus widgets creando un experimento en el Editor gráfico. Antes de añadir un widget a su experimento, deberá crearlo y activarlo en el Widget Studio. Tenga en cuenta que no puede editar widgets utilizando el Editor gráfico. Solo puede editar widgets en el Widget Studio.

## Añadir un widget a una variación a través del Editor gráfico

Para añadir un widget a una variación en el Editor gráfico:

1. Abra el menú **Variación** en el Editor gráfico.
2. Haga clic en **Nuevo elemento** y seleccione **Widgets**. Se abrirá el panel de Widgets.
3. Seleccione el widget que desea añadir a su experimento. Se abrirá una columna a la derecha.
4. Seleccione los dispositivos en los que desea mostrar su widget.
5. Establezca la posición de su widget en la página.
6. Seleccione la salida del código del widget (JS con shadow DOM o JS y CSS).
7. Haga clic en **Añadir**.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/use-widgets-in-your-campaigns/ab-test-your-widgets/exp-1-1920x930.png)
</Frame>

Será redirigido a su experimento en el Editor gráfico A/B.

## Eliminar un widget de una variación

Si desea eliminar un widget previamente asociado a una variación, debe eliminarlo del código CSS.

Para ello:

1. Abra el menú **Variación**.
2. Haga clic en **CSS**.
3. Elimine el código vinculado al widget en la ventana emergente que se abre.
4. Guarde sus cambios.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/use-widgets-in-your-campaigns/ab-test-your-widgets/Capture-decran-2022-05-17-a-16.54.52.png)
</Frame>
