> ## 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.

# Ein Widget mit einer Kampagne verknüpfen

> Verknüpfen Sie ein aktiviertes Widget mit einer Experiment- oder Personalisierungskampagne, um es gezielten Besuchern anzuzeigen.

Sie müssen ein Widget [erstellen](../create-a-widget-with-the-widget-studio/create-a-widget) und aktivieren, bevor Sie es mit einer Kampagne verknüpfen können.

<Tip>
  Um Inkompatibilitäten zwischen dem CSS des Widgets und dem auf Ihrer Website verwendeten zu vermeiden, können Sie die Option **Den Code aller grafischen Widgets mit JS mit Shadow DOM generieren** auf der Konfigurationsseite Ihres Projekts aktivieren.

  Wenn Sie diese Option aktivieren, werden bereits in einer Kampagne verwendete Widgets automatisch aktualisiert, wenn sich der Status der Kampagne ändert. Wenn Sie CSS-Klassennamen von Ihrer Website in Ihren Widgets verwenden, werden Stile möglicherweise nicht korrekt angewendet.
</Tip>

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/use-widgets-in-your-campaigns/associate-a-widget-with-a-campaign/advanced-settings-768x168.png)
</Frame>

## Ein Widget mit einem Experiment verknüpfen

Um zu erfahren, wie Sie ein Widget zu einem Experiment im A/B-Grafik-Editor hinzufügen, lesen Sie [diesen Artikel](./ab-test-your-widgets).

## Ein Widget mit einer Personalisierung verknüpfen

Um zu erfahren, wie Sie ein Widget zu einer Personalisierung hinzufügen, lesen Sie [diesen Artikel](./ab-test-your-widgets#ein-widget-über-den-grafischen-editor-zu-einer-variation-hinzufügen).

<Note>
  Wenn Sie Änderungen an einem aktiven Widget vornehmen, werden alle verknüpften Kampagnen mit der neuesten Version des Widgets aktualisiert.
</Note>