# How to add translator in thunkable

**URL:** <https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [October 4, 2021, 1:13pm UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700 "2021-10-04T13:13:29Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![mailtomanimala3n7d](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@mailtomanimala3n7d](https://community.thunkable.com/u/mailtomanimala3n7d)\
**Post date:** [October 4, 2021, 1:13pm UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/1 "2021-10-04T13:13:29Z")

</div>

Hi,

Can anyone guide me on “how to add translator component in thunkable” I have only User Interface components in my components pane.

Thanks  
Manimala sethu

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [October 4, 2021, 1:39pm UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/2 "2021-10-04T13:39:25Z")

</div>

Welcome to Thunkable. It seems you are using the DnD version of the designer. In this case the translator would be in the blocks page not the design page.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/6/062cda11ded72f067ddb711709ca8033077d49c7.png)

---

<div class="post-metadata">

**Author:** ![tony.ycy.program](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tony.ycy.program/32/100153_2.png) [@tony.ycy.program](https://community.thunkable.com/u/tony.ycy.program)\
**Post date:** [October 4, 2021, 3:02pm UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/3 "2021-10-04T15:02:59Z")

</div>

> [@muneer](#):
>
> the translator would be in the blocks page

Here are 2 translation components:

1. Use Yandex translation component
2. Use webapi component with google translation api 👍

- Google Translation api url: `https://translate.google.com/translate_a/single?client=gtx&dt=t&dj=1&ie=UTF-8&sl=auto&tl=<Translated language code>&q=<The text you want to translate >`

@mailtomanimala3n7d  
_ **sl=auto It means to automatically detect the language! So you don’t need to set the native language yourself** _ (you can set it yourself!)

- For example: [https://translate.google.com/translate\_a/single?client=gtx&dt=t&dj=1&ie=UTF-8&sl=auto&tl=en&q=你好](https://translate.google.com/translate_a/single?client=gtx&dt=t&dj=1&ie=UTF-8&sl=auto&tl=en&q=%E4%BD%A0%E5%A5%BD)
- Get translated content from Json:

1. Get object from Json
2. The value obtained by the key: “sentences”
3. The value obtained by the key: 0
4. The value obtained by the key: “trans”

---

<div class="post-metadata">

**Author:** ![tony.ycy.program](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tony.ycy.program/32/100153_2.png) [@tony.ycy.program](https://community.thunkable.com/u/tony.ycy.program)\
**Post date:** [October 4, 2021, 3:12pm UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/4 "2021-10-04T15:12:45Z")

</div>

> [@tony.ycy.program](#):
>
> Translated language code

| Name | Code |
| --- | --- |
| Amharic | am |
| Arabic | ar |
| Basque | eu |
| Bengali | bn |
| English (UK) | en-GB |
| Portuguese (Brazil) | pt-BR |
| Bulgarian | bg |
| Catalan | ca |
| Cherokee | chr |
| Croatian | hr |
| Czech | cs |
| Danish | da |
| Dutch | nl |
| English (US) | en |
| Estonian | et |
| Filipino | fil |
| Finnish | fi |
| French | fr |
| German | de |
| Greek | el |
| Gujarati | gu |
| Hebrew | iw |
| Hindi | hi |
| Hungarian | hu |
| Icelandic | is |
| Indonesian | id |
| Italian | it |
| Japanese | ja |
| Kannada | kn |
| Korean | ko |
| Latvian | lv |
| Lithuanian | lt |
| Malay | ms |
| Malayalam | ml |
| Marathi | mr |
| Norwegian | no |
| Polish | pl |
| Portuguese (Portugal) | pt-PT |
| Romanian | ro |
| Russian | ru |
| Serbian | sr |
| Chinese (PRC) | zh-CN |
| Slovak | sk |
| Slovenian | sl |
| Spanish | es |
| Swahili | sw |
| Swedish | sv |
| Tamil | ta |
| Telugu | te |
| Thai | th |
| Chinese (Taiwan) | zh-TW |
| Turkish | tr |
| Urdu | ur |
| Ukrainian | uk |
| Vietnamese | vi |
| Welsh | cy |

From [Languages Codes &nbsp;|&nbsp; Admin console &nbsp;|&nbsp; Google for Developers](https://developers.google.com/admin-sdk/directory/v1/languages)

---

<div class="post-metadata">

**Author:** ![mailtomanimala3n7d](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@mailtomanimala3n7d](https://community.thunkable.com/u/mailtomanimala3n7d)\
**Post date:** [October 5, 2021, 3:51am UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/5 "2021-10-05T03:51:40Z")

</div>

Thank u so much for your reply. Here is my code.

[https://x.thunkable.com/copy/fb6457e16ff9cb7fd3d8119ba136d2be](https://x.thunkable.com/copy/fb6457e16ff9cb7fd3d8119ba136d2be)

I am using translator from blocks only but i want to take the language name from list viewer which is bind with my DB

Please have a look into my project link

Thanks  
Manimala Sethu.

---

<div class="post-metadata">

**Author:** ![mailtomanimala3n7d](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@mailtomanimala3n7d](https://community.thunkable.com/u/mailtomanimala3n7d)\
**Post date:** [October 5, 2021, 3:56am UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/6 "2021-10-05T03:56:31Z")

</div>

And the problem is with the column values in the DB I guess because in the list viewer it is Spanish but in the translator it is Spanish(es). I guess i need to change my DB columns.

Is there any other version of thunkable available so that i can use the table from Yandex translator without modifying the DB.

---

<div class="post-metadata">

**Author:** ![mailtomanimala3n7d](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@mailtomanimala3n7d](https://community.thunkable.com/u/mailtomanimala3n7d)\
**Post date:** [October 5, 2021, 3:59am UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/7 "2021-10-05T03:59:04Z")

</div>

Thank u so much will try that and let u know 👍

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [October 5, 2021, 4:22am UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/8 "2021-10-05T04:22:02Z")

</div>

The `Translator` uses the short codes not the names. Names are there to be easier for us but the actual translator component will use the code so for Spanish it will uses **es** and for Greek it will use **el**.

You will need to have two columns in your table. One to display to users (which has the full name) and one to use in the app (which has the code). This is standard for all translators.

---

<div class="post-metadata">

**Author:** ![mailtomanimala3n7d](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@mailtomanimala3n7d](https://community.thunkable.com/u/mailtomanimala3n7d)\
**Post date:** [October 5, 2021, 5:24am UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/9 "2021-10-05T05:24:16Z")

</div>

Thank u so much …Will try this and let u know

---

<div class="post-metadata">

**Author:** ![mailtomanimala3n7d](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@mailtomanimala3n7d](https://community.thunkable.com/u/mailtomanimala3n7d)\
**Post date:** [October 5, 2021, 1:38pm UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/10 "2021-10-05T13:38:32Z")

</div>

Wow! that’s a great reply i have added a new column to my DB table and it works fine.

I am just working on speech recognizer block. Here is my piece of code.

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/2/62599d94a53ac2b54bcb419d74d1f0b435d0f2c5.png)

I want it to listen to the speech and convert it to text.

But this doesn’t work. Should I change anything.

Thanks  
Manimala

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [October 5, 2021, 1:48pm UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/11 "2021-10-05T13:48:24Z")

</div>

This is a new question now. Your post was about translator. I would appreciate if you mark it solved and open a new post for the speech recognizer.

These are two different subjects, If any other member will want to search about **speech recognizer** , the user will not type **translator** in the search field.

---

<div class="post-metadata">

**Author:** ![mailtomanimala3n7d](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@mailtomanimala3n7d](https://community.thunkable.com/u/mailtomanimala3n7d)\
**Post date:** [October 5, 2021, 3:23pm UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/12 "2021-10-05T15:23:17Z")

</div>

Sure

---

<div class="post-metadata">

**Author:** ![tanyamangla290d2w6](https://avatars.discourse-cdn.com/v4/letter/t/c77e96/32.png) [@tanyamangla290d2w6](https://community.thunkable.com/u/tanyamangla290d2w6)\
**Post date:** [March 30, 2024, 6:52am UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/13 "2024-03-30T06:52:43Z")

</div>

Hi  
I have a question, in my app I have built buttons for the languages on which when clicked the whole app’s text shall be translated to that language. I am not able to translate the whole app’s text to that particular language, is there a way to solve this? This my app: [Thunkable](https://x.thunkable.com/copy/4e7804ec9f87041af2dda2f754c28840)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [March 30, 2024, 8:49pm UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/14 "2024-03-30T20:49:05Z")

</div>

Hi and welcome to Thunkable!

It’s great that you included the project link but when you have dozens of screens, it’s really hard to know what to look for to help you.

Please be specific about where the translation if happening. Also, what do you mean by “the whole app’s text”? Do you want this to be a language switch for all visible text (labels) in the project?

The only way I can think to do that is to loop through all labels in each screen using the Any Component blocks and translate and replace each label’s text. If you’re new to Thunkable, that’s going to feel pretty challenging. It’s not something I can provide quickly in this post.

---

<div class="post-metadata">

**Author:** ![tanyamangla290d2w6](https://avatars.discourse-cdn.com/v4/letter/t/c77e96/32.png) [@tanyamangla290d2w6](https://community.thunkable.com/u/tanyamangla290d2w6)\
**Post date:** [March 31, 2024, 4:49pm UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/15 "2024-03-31T16:49:28Z")

</div>

No, I want there to be a language switch for all the visible _and_ invisible labels. Thank you for your suggestion though.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:14pm UTC](https://community.thunkable.com/t/how-to-add-translator-in-thunkable/1542700/16 "2024-11-08T13:14:58Z")

</div>


