Multi-language
Page Designer provides translation for producing page content in multiple languages for web or mobile applications.
How to support multiple languages on Page Go to the TRANSLATION tab
![](https://docs.oneweb.tech/~gitbook/image?url=https%3A%2F%2F2015371994-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FMpDjHWFRUtZ5nJcSfVXd%252Fuploads%252FFwzwLcEs29c8l9LbLqOt%252Fimage.png%3Falt%3Dmedia%26token%3D84192d35-fae7-438f-8881-5992e6c50e7c&width=768&dpr=4&quality=100&sign=e7a00e4e&sv=2)
Click Add Key to add a new Translation Key
![](https://docs.oneweb.tech/~gitbook/image?url=https%3A%2F%2F2015371994-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FMpDjHWFRUtZ5nJcSfVXd%252Fuploads%252FUb4wgnRjcHUtxQJnxrub%252Fimage.png%3Falt%3Dmedia%26token%3D00790d4a-9e7f-4439-971e-44e87d595a9d&width=768&dpr=4&quality=100&sign=afd9f9d4&sv=2)
Click Add language and select the languages that you want to use on your page.
![](https://docs.oneweb.tech/~gitbook/image?url=https%3A%2F%2F2015371994-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FMpDjHWFRUtZ5nJcSfVXd%252Fuploads%252FTEAoFxEkBnadHrEuxq53%252Fimage.png%3Falt%3Dmedia%26token%3Dcc7f5239-5b2c-42b2-9cdf-388342d252f3&width=768&dpr=4&quality=100&sign=1a2cf69d&sv=2)
![](https://docs.oneweb.tech/~gitbook/image?url=https%3A%2F%2F2015371994-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FMpDjHWFRUtZ5nJcSfVXd%252Fuploads%252F36XpV3D6PGVjlDhKwjB6%252Fimage.png%3Falt%3Dmedia%26token%3D7865a8a0-8d0a-4bba-8f53-08b880257e1b&width=768&dpr=4&quality=100&sign=f4b1377&sv=2)
Enter key, and the word translations for it in each corresponding language.
![](https://docs.oneweb.tech/~gitbook/image?url=https%3A%2F%2F2015371994-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FMpDjHWFRUtZ5nJcSfVXd%252Fuploads%252FyMZejwsYbpJidxDunaKc%252Fimage.png%3Falt%3Dmedia%26token%3Df3decd08-9307-4e1f-a6b9-22b237337c5c&width=768&dpr=4&quality=100&sign=58b4e013&sv=2)
Set default language
![](https://docs.oneweb.tech/~gitbook/image?url=https%3A%2F%2F2015371994-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FMpDjHWFRUtZ5nJcSfVXd%252Fuploads%252Fb8ZaJkySEjfQeB8ztuky%252Fimage.png%3Falt%3Dmedia%26token%3Dec114c67-bd96-4b9c-ac53-b9389bda80f7&width=768&dpr=4&quality=100&sign=1e56400a&sv=2)
Open the page where you want to use the languages.
![](https://docs.oneweb.tech/~gitbook/image?url=https%3A%2F%2F2015371994-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FMpDjHWFRUtZ5nJcSfVXd%252Fuploads%252FsnToAm7ZizZukzERWVWB%252Fimage.png%3Falt%3Dmedia%26token%3Da7f2da2a-9970-4a3f-adec-9f0daafafb61&width=768&dpr=4&quality=100&sign=97a20f3e&sv=2)
Map the translation key to the word on the page by clicking on translation icon .
![](https://docs.oneweb.tech/~gitbook/image?url=https%3A%2F%2F2015371994-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FMpDjHWFRUtZ5nJcSfVXd%252Fuploads%252FHz4dBv0sjc8hT1bEo9AR%252Fimage.png%3Falt%3Dmedia%26token%3D526c35c3-ed62-478b-a8e2-1bfa24cf3b7b&width=768&dpr=4&quality=100&sign=3edde540&sv=2)
Create button to switch language
![](https://docs.oneweb.tech/~gitbook/image?url=https%3A%2F%2F2015371994-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FMpDjHWFRUtZ5nJcSfVXd%252Fuploads%252FXYCgyZ0YXjdA3fF9NhvQ%252Fimage.png%3Falt%3Dmedia%26token%3D9478e66a-7724-4c78-b376-7dd37963189a&width=768&dpr=4&quality=100&sign=b4a8b511&sv=2)
Add JavaScript on buttons to translate text and map it to the click action of the buttons.
![](https://docs.oneweb.tech/~gitbook/image?url=https%3A%2F%2F2015371994-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FMpDjHWFRUtZ5nJcSfVXd%252Fuploads%252FLQTe9kbJtX7MQySdLLvN%252Fimage.png%3Falt%3Dmedia%26token%3D2bcb9416-824c-482b-9cdf-0a83faf5914e&width=768&dpr=4&quality=100&sign=cee0f882&sv=2)
![](https://docs.oneweb.tech/~gitbook/image?url=https%3A%2F%2F2015371994-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FMpDjHWFRUtZ5nJcSfVXd%252Fuploads%252FIvuxjJZeqtEwKzdsvL6m%252FMultilanguage1.jpg%3Falt%3Dmedia%26token%3Db911aff3-6daa-4210-967d-9f2426af6f82&width=768&dpr=4&quality=100&sign=180c9f2a&sv=2)
![](https://docs.oneweb.tech/~gitbook/image?url=https%3A%2F%2F2015371994-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FMpDjHWFRUtZ5nJcSfVXd%252Fuploads%252FOlxxUsooPNtMkkVcGElE%252FMultilanguage2.jpg%3Falt%3Dmedia%26token%3Ded211d70-abe4-41af-91cc-543f542a4bda&width=768&dpr=4&quality=100&sign=5f8b103f&sv=2)
Save and build the application
Last updated