Skip to main content
To associate a widget with a personalization:
  1. Open the personalization creation page.
  2. Choose your personalization’s type: In your page content or Above your pages.
  3. In the Content section, click Add content > Using Widget.
Content step with no content yet and the Add content menu open, with Using Widget highlighted
  1. In Where would you like to add your widget?, enter the main page URL where you want to place your widget, then click Continue.
Where would you like to add your widget step with the Page URL field set to https://www.kameleoon.com/ and a Continue button
  1. In Choose a widget, select an active widget, then click Continue.
Choose a widget step with the Newsletter signup banner widget selected, a Create a widget link, and a Continue button
  1. In Define the placement, select Above the page or Inside the page, then click Validate content.
Define the placement step with Above the page selected, Inside the page as the alternative, and a Validate content button
Continue setting up your personalization as usual. The shadow DOM option, which isolates widget styles from your website, is a project setting. For details, see Associate a widget with a campaign. If you use CSS class names from your website in your widgets, styles may not apply correctly.
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. Each widget has JS and CSS code that Kameleoon extracts and permanently adds to the JS and CSS sections of each personalization type.