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

# Translate your widgets

> Enable translation management in the Widget Studio to display your widget content in multiple languages based on visitor browser settings.

Translation management lets you use multiple languages in your widget.

## Activate the translation management

To activate the translation feature:

1. Click **Translations** in the Widget Studio.
2. Check **Use translations**.

You will see a list of languages that you can include in your widget.

## Select your language(s)

Check the box next to a language to make it available for translation.

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

If you want to remove a language, uncheck its box.

In the main panel on the right, you will find tabs for each language you've activated. Each tab contains editable fields with the source text on the left and space for the translated text on the right.

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

You will find device icons at the bottom right of the language boxes. To change text formatting on a particular device, switch devices in the top bar.

## Add a new language

To add a new language:

1. Click **+new language**.
2. Enter the language's name.
3. Select the appropriate language code from the dropdown list. This code should match the international standard language code for the language you are adding.
4. Click **Apply** to save the language to your list.

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

## Set a default language

To set a default language:

1. Click the drop-down menu under **Default language**.
2. Select the language you want to use by default in your 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-décran-2023-11-07-à-14.20.02.png)
</Frame>

## Test the languages on your widget

You should test your widget after setup to verify that all languages are correctly displayed and functional.

Go to the **Design** section of the Widget Studio. At the top, you can switch languages.

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

## Associate an event

You can associate an event to make your widget's language match the language of a visitor's browser. To associate an event:

1. Navigate to the **Events** section.
2. Click **Translation** in the **Add event** pop-in.
3. Click **Visitor's browser** and select a language.
4. Validate and associate an action to your event.
5. Select **Translation**.
6. Select **Widget's locale** and indicate the same language.
7. Validate the creation of your event.

If your visitor's browser is in English, your widget text will appear in English, too.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/translate-your-widgets/Capture-décran-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-décran-2023-11-07-à-18.23.36.png)
</Frame>

You must create an event for each language you have configured.
