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

# Traduire vos widgets

> Activez la gestion des traductions dans le Widget Studio pour afficher le contenu de votre widget dans plusieurs langues en fonction des paramètres du navigateur du visiteur.

La gestion des traductions vous permet d'utiliser plusieurs langues dans votre widget.

## Activer la gestion des traductions

Pour activer la fonctionnalité de traduction :

1. Cliquez sur **Traductions** dans le Widget Studio.
2. Cochez **Utiliser les traductions**.

Vous verrez une liste de langues que vous pouvez inclure dans votre widget.

## Sélectionner votre/vos langue(s)

Cochez la case à côté d'une langue pour la rendre disponible à la traduction.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/translate-your-widgets/Capture-decran-2023-11-07-a-14.19.53-1.png)
</Frame>

Si vous souhaitez supprimer une langue, décochez sa case.

Dans le panneau principal à droite, vous trouverez des onglets pour chaque langue que vous avez activée. Chaque onglet contient des champs modifiables avec le texte source à gauche et un espace pour le texte traduit à droite.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/translate-your-widgets/Capture-decran-2023-11-07-a-14.28.19-1920x1111.png)
</Frame>

Vous trouverez les icônes d'appareils en bas à droite des cases de langue. Pour modifier la mise en forme du texte sur un appareil particulier, changez d'appareil dans la barre supérieure.

## Ajouter une nouvelle langue

Pour ajouter une nouvelle langue :

1. Cliquez sur **+nouvelle langue**.
2. Saisissez le nom de la langue.
3. Sélectionnez le code de langue approprié dans la liste déroulante. Ce code doit correspondre au code de langue international standard pour la langue que vous ajoutez.
4. Cliquez sur **Appliquer** pour enregistrer la langue dans votre liste.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/translate-your-widgets/Capture-decran-2023-11-07-a-14.21.07.png)
</Frame>

## Définir une langue par défaut

Pour définir une langue par défaut :

1. Cliquez sur le menu déroulant sous **Langue par défaut**.
2. Sélectionnez la langue que vous souhaitez utiliser par défaut dans votre widget.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/translate-your-widgets/Capture-decran-2023-11-07-a-14.20.02.png)
</Frame>

## Tester les langues sur votre widget

Vous devez tester votre widget après la configuration pour vérifier que toutes les langues s'affichent correctement et fonctionnent.

Allez dans la section **Design** du Widget Studio. En haut, vous pouvez changer de langue.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/translate-your-widgets/Capture-decran-2023-11-07-a-17.31.16-1920x1108.png)
</Frame>

## Associer un événement

Vous pouvez associer un événement pour que la langue de votre widget corresponde à la langue du navigateur d'un visiteur. Pour associer un événement :

1. Accédez à la section **Événements**.
2. Cliquez sur **Traduction** dans le pop-in **Ajouter un événement**.
3. Cliquez sur **Navigateur du visiteur** et sélectionnez une langue.
4. Validez et associez une action à votre événement.
5. Sélectionnez **Traduction**.
6. Sélectionnez **Locale du widget** et indiquez la même langue.
7. Validez la création de votre événement.

Si le navigateur de votre visiteur est en anglais, le texte de votre widget apparaîtra également en anglais.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/translate-your-widgets/Capture-decran-2023-11-07-a-18.19.53.png)
</Frame>

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/translate-your-widgets/Capture-decran-2023-11-07-a-18.23.36.png)
</Frame>

Vous devez créer un événement pour chaque langue que vous avez configurée.
