Wix Blocks: Translating Your App

2 min read
Wix Blocks is open to all Wix Studio users. To get access to Blocks, join Wix Studio.
When you translate a Blocks app, it is important to understand that Wix sites has two types of translations:
  • The live site language
  • The account (Editor) language.
For example, a developer might want to have German as their account (Editor) language, but the site they are developing is intended for Spanish speakers, so the site language will be Spanish. 
  • Panel texts and action button texts are translated into the default language of the account.
  • Live content that is intended for the app visitors, will be translatable to the site languages. 

Set up your app for translation

The first step for translating your app is selecting the languages you'd like to be available. 
  1. Select Multilingual in the App section of the top menu. 
  2. Select the language you want to add in the popup that opens. 
  3. Click Add Languages and wait until the installation is successful. 
This adds the language to the language picker in your top menu. 
set up translation

Translate your app elements

The second step, is translating user-interface elements, such as button, texts and so on.  
  1. Select one of the languages that you added in step 1. 
pick language
  1. Click on the element you want to translate. A translation bar opens. Click Done only after completing the next step.
translation bar
  1. Click Edit Translation and translate the text, or Auto-translate to get an automatic translation. 
translate an element
Now, when your app is installed on a site that's translated to that language (for example, Spanish), these texts will appear in Spanish as well. 
Translate a custom panel
To translate custom panel texts, go to the Panels tab and follow the same procedure as translating your site elements.

Preview Your Translation

To preview your translation in Preview mode in Blocks:
  1. Click Preview.
  2. Select the widget language:
pick language in preview

Did this help?

|