Skip to main content

Multi Languages

1. Multi-language Configuration​

Now you can use FluxBuilder to set the Default Language of your app, configure multi-languages, or auto-detect languages, as the image below:

2. How to translate product content?​

In case you are using WooCommerce, to support product content translation (title, description..), it is required to install the following plugins:

If your website don’t use WPML, it is possible to integrate with Polylang Pro plugin.

If you are using Shopify, to support product content translation (title, description..), it is required to install the following plugin:

3. How to update the App's translations?​

Follow this guide to update text in the apps. This includes the variation names in multiple languages.

4. How to have multilingual Policy URL?​

This is a solution that supports Multi-language Policy URLs for your multi languages App.

Follow the steps below:

Step 1: Create app on FluxBuilder > Features > GDPR Compliance > enter page ID or URL of your privacy policy

Step 2: Export the env.dart and config JSON files for your languages.

Step 3: In the env.dart , copy the code of PrivacyPoliciesPageUrlOrId  Then in the config JSON files (for example: the English config JSON file is config_en.json):

  1. Scroll to the end of the file and find the last configuration entry for the design.
  2. Paste the copied PrivacyPoliciesPageUrlOrId code, and save the code.
/// enter the Privacy Policies page ID or URL. Accessible in the app via Settings > Privacy menu.
"PrivacyPoliciesPageUrlOrId": "https://policies.google.com/?hl=en"

Step 4: When you auto-build your Multi-language App on Cloud, be sure to:

  • Configure this document first.
  • Enable this “Export env.dart & config JSON automatically” option:

5. How to have multilingual OnBoarding screen?​

This is a solution that supports Multi-language OnBoarding screen for your multi languages App.

Follow the steps below:

Step 1: Create app on FluxBuilder > Features > OnBoarding > select version and upload image, content.

Step 2: Export the env.dart and config JSON files for your languages.

Step 3: In the env.dart , copy the code of onBoardingConfig  Then in the config JSON files (for example: the English config JSON file is config_en.json):

  1. Scroll to the end of the file and find the last configuration entry for the design.
  2. Paste the copied Onboarding code, and save the code.

Step 4: When you auto-build your Multi-language App on Cloud, be sure to:

  • Configure this document first.
  • Enable this “Export env.dart & config JSON automatically” option:

That’s all!