Skip to main content
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.
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.