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

# ウィジェットを翻訳する

> Widget Studioで翻訳管理を有効にして、訪問者のブラウザ設定に基づいてウィジェットコンテンツを複数の言語で表示します。

翻訳管理機能を使用すると、ウィジェットで複数の言語を使用できます。

## 翻訳管理を有効化する

翻訳機能を有効にするには:

1. Widget Studioで **Translations** をクリックします。
2. **Use translations** にチェックを入れます。

ウィジェットに含めることができる言語のリストが表示されます。

## 言語を選択する

言語の横にあるボックスにチェックを入れて、翻訳に利用可能にします。

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

言語を削除したい場合は、そのボックスのチェックを外します。

右側のメインパネルには、有効化した各言語のタブが表示されます。各タブには、左側にソーステキスト、右側に翻訳テキストのスペースを持つ編集可能なフィールドが含まれています。

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

言語ボックスの右下にデバイスアイコンがあります。特定のデバイスでテキスト形式を変更するには、上部のバーでデバイスを切り替えます。

## 新しい言語を追加する

新しい言語を追加するには:

1. **+new language** をクリックします。
2. 言語の名前を入力します。
3. ドロップダウンリストから適切な言語コードを選択します。このコードは、追加する言語の国際標準言語コードと一致する必要があります。
4. **Apply** をクリックして、言語をリストに保存します。

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

## デフォルト言語を設定する

デフォルト言語を設定するには:

1. **Default language** の下のドロップダウンメニューをクリックします。
2. ウィジェットでデフォルトで使用したい言語を選択します。

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

## ウィジェットで言語をテストする

セットアップ後、すべての言語が正しく表示および機能していることを確認するためにウィジェットをテストする必要があります。

Widget Studioの **Design** セクションに移動します。上部で言語を切り替えることができます。

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

## イベントを関連付ける

ウィジェットの言語を訪問者のブラウザ言語に一致させるためにイベントを関連付けることができます。イベントを関連付けるには:

1. **Events** セクションに移動します。
2. **Add event** ポップインで **Translation** をクリックします。
3. **Visitor's browser** をクリックし、言語を選択します。
4. 検証して、アクションをイベントに関連付けます。
5. **Translation** を選択します。
6. **Widget's locale** を選択し、同じ言語を指定します。
7. イベントの作成を検証します。

訪問者のブラウザが英語の場合、ウィジェットのテキストも英語で表示されます。

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

設定した各言語ごとにイベントを作成する必要があります。
