Skip to main content
You must create and activate a widget before you can associate it with a campaign.
If you activate the shadow DOM option, widgets already used in a campaign automatically update when the campaign status changes. If you use CSS class names from your website in your widgets, styles may not apply correctly.

​
Turn on shadow DOM for your widgets

To keep your widget styles separate from your website’s styles, turn on shadow DOM in the Settings tab of your project.
  1. Click Admin > Projects.
  2. Click Edit on your project’s row in the Projects page.
  3. Click the Settings tab.
  4. In the Campaign display section, click Edit.
  5. Turn on Isolate widget styles from your site (shadow DOM).
  6. Click Save changes.
Campaign display settings with the 'Isolate widget styles from your site (shadow DOM)' toggle highlighted and turned off

​
Associate a widget with an experiment

To add a widget to an experiment, see A/B test your widget.

​
Associate a widget with a personalization

To add a widget to a personalization, see Associate a widget with a personalization.
If you make changes to an active widget, Kameleoon updates all linked campaigns with those changes.