Skip to main content

Associate a widget with a personalization

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.

  1. Click Widgets > Choose a widget. The Add a widget page will open.

  1. Select an active widget to add to your campaign.
  2. 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.
  3. Confirm your selection.

You will be redirected to your campaign. Continue setting up your widget as usual.

note

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.