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

# Asociar un widget a una campaña

> Vincule un widget activado a una campaña de experimento o personalización para mostrarlo a los visitantes segmentados.

Debe [crear](../create-a-widget-with-the-widget-studio/create-a-widget) y activar un widget antes de poder asociarlo a una campaña.

<Tip>
  Para evitar incompatibilidades entre el CSS del widget y el utilizado en su sitio web, puede activar la opción **Generar el código de todos los widgets gráficos utilizando JS con shadow DOM** en la página de Configuración de su proyecto.

  Si activa esta opción, los widgets ya utilizados en una campaña se actualizarán automáticamente cuando cambie el estado de la campaña. Si utiliza nombres de clases CSS de su sitio web en sus widgets, los estilos podrían no aplicarse correctamente.
</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>

## Asociar un widget a un experimento

Para aprender a añadir un widget a un experimento en el Editor gráfico A/B, lea [este artículo](./ab-test-your-widgets).

## Asociar un widget a una personalización

Para aprender a añadir un widget a una personalización, lea [este artículo](./ab-test-your-widgets#añadir-un-widget-a-una-variación-a-través-del-editor-gráfico).

<Note>
  Si realiza cambios en un widget activo, todas las campañas vinculadas se actualizarán con la última versión del widget.
</Note>