To associate a widget with a personalization: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.
- Open the personalization creation page.
- Choose your personalization’s type: In your page content or Above your pages.
- Click Widgets > Choose a widget. The Add a widget page will open.

- Select an active widget to add to your campaign.
- Select the output for the widget’s code in the right-hand sidebar.
- Using JS with shadow DOM will isolate the widget’s CSS from your website’s CSS.
- If you use CSS class names from your website in your widgets, styles may not apply correctly.
- Confirm your selection.
What happens to old widgets used in online personalizations?Old widgets (created before the Widget Studio) are obsolete—you can’t use them in online campaigns anymore. Each widget has a corresponding JS and CSS code that Kameleoon will extract and add permanently to the JS and CSS sections located on each personalization type.