Skip to main content
You can test your widgets by creating an experiment in the Graphic editor. Before adding a widget to your experiment, create and activate it in the Widget Studio. You can’t edit widgets in the Graphic editor. Edit them in the Widget Studio instead.

Add a widget to a variation via the Graphic editor

To add a widget to a variation in the Graphic editor:
  1. In the Graphic editor, open the Elements menu.
  2. Click + Add. The elements sidebar opens.
  3. Select Widgets.
  4. Select the widget you want to add to your experiment. A column opens on the right.
  5. Select the devices on which you want to display your widget.
  6. Set your widget’s position on the page.
  7. Select the output for the widget’s code (JS with Shadow DOM or JS & CSS).
  8. Click Add element.
Widgets panel with position options, CSS selector field, Hide element on devices, and the JavaScript with shadow DOM option selected
Kameleoon returns you to your experiment in the Graphic editor.

Delete a widget from a variation

If you want to delete a widget previously associated with a variation, remove its element from the variation in the Graphic editor. To remove the element:
  1. In the Elements menu, click the three dots next to your widget.
  2. Click Remove element.
Element card for PBX Widget with a menu showing Edit Widget, Remove element on, and Remove element