> ## Documentation Index
> Fetch the complete documentation index at: https://doc.codecode.me/llms.txt
> Use this file to discover all available pages before exploring further.

# Discord Translator

> Translate messages on Discord Web.

## Discord Translator Pro Released

It no longer depends on Discord Web for translation and can better preserve the original chat message format.

Users who already have a Discord Translator license can now try Discord Translator Pro.

Click here to [download Discord Translator Pro](https://chromewebstore.google.com/detail/gfpempeeppmcpmmkkpokhkhamhkcddjm?utm_source=item-share-cb).

<iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/TTF2AOrUOpE" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

### Important Notes

**License activation limit**

If your license has reached the maximum number of activations, please follow this guide to reset it:

[https://doc.codecode.me/troubleshooting/how-to-reset-license](https://doc.codecode.me/troubleshooting/how-to-reset-license)

**Compatibility**

Discord Translator and Discord Translator Pro cannot be used at the same time.

Before using Discord Translator Pro, please disable or uninstall Discord Translator first.

**License**

Discord Translator Pro requires a separate license purchase.

For now, existing Discord Translator license users can try Discord Translator Pro.

***

## About Discord Translator

The following sections introduce Discord Translator, including its Premium Plan, options page, and translation features.

Discord Translator is the original extension that works with Discord Web. If you want to use Discord Translator Pro, please refer to the Discord Translator Pro section above.

## Premium Plan

| Feature                 | Free Plan | Premium Plan |
| ----------------------- | --------- | ------------ |
| Auto Translation        | 100 / Day | No Limit     |
| Button Translation      | 100 / Day | No Limit     |
| Quick Input Translation | 100 / Day | No Limit     |

Click here to [upgrade to Premium](https://discordtranslator.codecode.me/#pricing) and enjoy unlimited translation.

## Options Page

### Pop-up Settings

Click the extension icon in your browser toolbar to open the pop-up settings for Discord Translator. From here, you can quickly enable or disable the translator, choose your preferred target language, and access additional settings.

<Note>
  Use the pop-up for quick changes without opening the full options page.
</Note>

<img src="https://mintcdn.com/codecodeme-68fc018e/DhAeXmEkPOdSRoVD/assets/1.png?fit=max&auto=format&n=DhAeXmEkPOdSRoVD&q=85&s=8264fb6ae0f5568dd3438f50e63ad58b" alt="Discord Translator Pop-up Settings" width="994" height="1084" data-path="assets/1.png" />

### Full Options Page

Right-click the extension icon and select "Options" to access the full settings page. This page provides more detailed configuration options for Discord Translator.

<Note>
  The full options page is recommended for first-time setup or advanced
  configurations.
</Note>

<img src="https://mintcdn.com/codecodeme-68fc018e/DhAeXmEkPOdSRoVD/assets/2.png?fit=max&auto=format&n=DhAeXmEkPOdSRoVD&q=85&s=c59a7e0d71e2a3545a71b3163ba7fe9f" alt="Discord Translator Options Page" width="2606" height="1512" data-path="assets/2.png" />

## Auto Translation

<Steps>
  <Step>
    ### Click the Extension Icon

    Click the extension icon in the browser toolbar to open the pop-up settings for Discord Translator.

    <Note>
      Make sure Discord is open in your browser for translation features to work.
    </Note>
  </Step>

  <Step>
    ### Enable Auto Translate

    Turn on the "Auto Translate" option to automatically translate incoming messages in Discord to your chosen target language.

    <Note>
      Select a language that matches the primary language of your native language for best results.
    </Note>

    <img src="https://mintcdn.com/codecodeme-68fc018e/DhAeXmEkPOdSRoVD/assets/3.png?fit=max&auto=format&n=DhAeXmEkPOdSRoVD&q=85&s=fd8605a3420b1b0ce5d984a198ed4805" alt="" width="988" height="1084" data-path="assets/3.png" />
  </Step>

  <Step>
    ### Overview

    <video autoPlay muted loop playsInline controls className="w-full" src="https://mintcdn.com/codecodeme-68fc018e/DhAeXmEkPOdSRoVD/assets/dt/videos/p1.mp4?fit=max&auto=format&n=DhAeXmEkPOdSRoVD&q=85&s=47080b23af2a392d353fc062c364bfc0" data-path="assets/dt/videos/p1.mp4" />

    <Note>
      Watch the video for a quick demonstration of auto translation in action.
    </Note>
  </Step>
</Steps>

## Button Translation

<Steps>
  <Step>
    ### Open a Discord Channel

    Navigate to the Discord channel where you want to translate messages.
  </Step>

  <Step>
    ### Click the Translate Button

    Click the "Translate" button that appears next to each message to translate it into your selected target language.

    <Note>
      You can translate multiple messages individually by clicking the button for each one.
    </Note>

    <img src="https://mintcdn.com/codecodeme-68fc018e/DhAeXmEkPOdSRoVD/assets/dt/images/1.png?fit=max&auto=format&n=DhAeXmEkPOdSRoVD&q=85&s=6747bc7c3eb175587343741eadd1c23c" alt="" width="2148" height="262" data-path="assets/dt/images/1.png" />
  </Step>

  <Step>
    ### Overview

    <video autoPlay muted loop playsInline controls className="w-full" src="https://mintcdn.com/codecodeme-68fc018e/DhAeXmEkPOdSRoVD/assets/dt/videos/p2.mp4?fit=max&auto=format&n=DhAeXmEkPOdSRoVD&q=85&s=0e4bfd7006549f8e83be78d2a992ac1a" data-path="assets/dt/videos/p2.mp4" />

    <Note>
      The video shows step-by-step usage of the translate button feature.
    </Note>
  </Step>
</Steps>

## Quick Input Translation

<Steps>
  <Step>
    ### Config Quick Input Settings

    <img src="https://mintcdn.com/codecodeme-68fc018e/DhAeXmEkPOdSRoVD/assets/dtb/1.png?fit=max&auto=format&n=DhAeXmEkPOdSRoVD&q=85&s=454dbfc09a948bcb60037b4059bb8edd" alt="" width="1744" height="1406" data-path="assets/dtb/1.png" />
  </Step>

  <Step>
    ### Overview

    <video autoPlay muted loop playsInline controls className="w-full" src="https://mintcdn.com/codecodeme-68fc018e/DhAeXmEkPOdSRoVD/assets/dtb/p1.mp4?fit=max&auto=format&n=DhAeXmEkPOdSRoVD&q=85&s=3f3a23f908958deffc8f033d9cb2c328" data-path="assets/dtb/p1.mp4" />

    <Note>
      The video demonstrates quick input translation in real-time.
    </Note>
  </Step>
</Steps>

## AI Translation Service Settings

<Steps>
  <Step>
    ### Open the Options Page

    Right-click the extension icon and select "Options" to open the full settings page.

    <Note>
      This step is required to configure AI translation services.
    </Note>
  </Step>

  <Step>
    ### Select the Service Tab

    Navigate to the Service tab to manage AI translation services.

    <Note>
      You can add, edit, or remove services from this tab.
    </Note>

    <img src="https://mintcdn.com/codecodeme-68fc018e/DhAeXmEkPOdSRoVD/assets/6.png?fit=max&auto=format&n=DhAeXmEkPOdSRoVD&q=85&s=419d67e2172561e209462a39a318522a" alt="" width="2618" height="1522" data-path="assets/6.png" />
  </Step>

  <Step>
    ### Edit an AI Service

    Click the "Edit" button next to the AI service you want to configure.

    <Note>
      Make sure your API key and endpoint are correct to avoid connection errors.
    </Note>

    <img src="https://mintcdn.com/codecodeme-68fc018e/DhAeXmEkPOdSRoVD/assets/7.png?fit=max&auto=format&n=DhAeXmEkPOdSRoVD&q=85&s=71477a6b3c11136d4f6565e4c9516af9" alt="" width="862" height="466" data-path="assets/7.png" />
  </Step>

  <Step>
    ### Add a New AI Translation Service

    Click "Add OpenAI-Like Service" to create a new AI service entry.

    <Note>
      This allows you to use multiple AI services for translation.
    </Note>

    <img src="https://mintcdn.com/codecodeme-68fc018e/DhAeXmEkPOdSRoVD/assets/8.png?fit=max&auto=format&n=DhAeXmEkPOdSRoVD&q=85&s=a68667927821a1b3fc45ae066f0a82b8" alt="" width="878" height="714" data-path="assets/8.png" />
  </Step>

  <Step>
    ### Configure the AI Service

    Fill in the required fields to set up your AI translation service properly.

    <Note>
      Double-check your configuration before saving to ensure translations work smoothly.
    </Note>

    <img src="https://mintcdn.com/codecodeme-68fc018e/DhAeXmEkPOdSRoVD/assets/9.png?fit=max&auto=format&n=DhAeXmEkPOdSRoVD&q=85&s=d3882f47e3ce07e59262923c934e46c3" alt="" width="1668" height="1292" data-path="assets/9.png" />
  </Step>
</Steps>
