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

# A/B test your widget

> Add an activated widget to a variation in the Graphic Editor to include it in an A/B experiment.

You can test your widgets by creating an experiment in the Graphic editor. Before adding a widget to your experiment, you'll have to create and activate it in the Widget Studio. Note that you can't edit widgets using the Graphic editor. You can only edit widgets in the Widget Studio.

## Add a widget to a variation via the Graphic Editor

To add a widget to a variation in the Graphic editor:

1. Open the **Variation** menu in the Graphic editor.
2. Click **New element** and select **Widgets**. The Widgets Dashboard opens.
3. Select the widget you want to add to your experiment. A column opens on the right.
4. Select the devices on which you want to display your widget.
5. Set your widget's position on the page.
6. Select the output for the widget's code (JS with shadow DOM or JS and CSS).
7. Click **Add**.

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

You will be redirected to your experiment in the A/B Graphic Editor.

## Delete a widget from a variation

If you want to delete a widget previously associated with a variation, you have to remove it from the CSS code.

To do this:

1. Open the **Variation** menu.
2. Click **CSS**.
3. Delete the code linked to the widget in the pop-in that opens.
4. Save your changes.

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