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

# Associer un widget à une campagne

> Liez un widget activé à une campagne d'expérience ou de personnalisation pour l'afficher aux visiteurs ciblés.

Vous devez [créer](../create-a-widget-with-the-widget-studio/create-a-widget) et activer un widget avant de pouvoir l'associer à une campagne.

<Tip>
  Pour éviter une incompatibilité entre le CSS du widget et celui utilisé sur votre site web, vous pouvez activer l'option **Générer le code de tous les widgets graphiques en utilisant JS avec shadow DOM** dans la page de Configuration de votre projet.

  Si vous activez cette option, les widgets déjà utilisés dans une campagne se mettront automatiquement à jour lorsque le statut de la campagne changera. Si vous utilisez des noms de classes CSS de votre site web dans vos widgets, les styles peuvent ne pas s'appliquer correctement.
</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>

## Associer un widget à une expérience

Pour apprendre à ajouter un widget à une expérience dans l'éditeur graphique A/B, lisez [cet article](./ab-test-your-widgets).

## Associer un widget à une personnalisation

Pour apprendre à ajouter un widget à une personnalisation, lisez [cet article](./ab-test-your-widgets#ajouter-un-widget-à-une-variation-via-l’éditeur-graphique).

<Note>
  Si vous apportez des modifications à un widget actif, toutes les campagnes liées seront mises à jour avec la dernière version du widget.
</Note>