> ## 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 Beta — Coming Soon

We’re preparing to launch the new Beta version of **Discord Translator**, featuring:

* **Improved consistency** with translations that closely match original formatting
* **Faster translation speed** thanks to a fully refactored core
* **Instant input translation** — simply press Enter to translate instantly

A smoother, smarter, and faster translation experience is on the way.

Detail to see:
**[Discord Translator Beta](/products/discord-translator-beta)**

***

## How to Join the Beta Test

1. **Follow our team on X/Twitter — this is required to join the beta:** [@CodeCodeMe](https://x.com/CodeCodeMe)
2. Leave your email on our beta announcement tweet [here](https://x.com/CodeCodeMe/status/1993238621521166779) or DM us your email
3. We’ll send you a **beta license** via email

**Additional Notes:**

* Discord Translator Beta is currently under review
* Beta licenses are sent manually, so it may take some time — please be patient
* If you don’t receive our email, check your spam/junk folder

***

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