🛠️ How to Use App Translate
This plugin allows you to translate your Bubble app’s content using the Google Translate widget—fully automated and customizable!

🔌 Step-by-Step Setup

Add the Plugin Element

Drag the App Translate plugin element anywhere on your page (it won’t be visible to users).

Set the Properties

Translate From: The original language of your page (e.g., 'en' for English).

Translate To: The target language you want your app to display (e.g., 'fr' for French).

Hide Google Branding (optional): If checked, the plugin will attempt to hide Google’s visual translation elements. Note: Google terms advice you to not provide services that appear to originate from you (or someone else) when they actually originate from them. When checking this box, we recommend you to make it clear in your app the translation service is being provided by Google.

Exclude Elements from Translation

Any element with the ID dont-translate or class dont-translate will be skipped by Google Translate. Add this to texts, buttons, or sections you don’t want translated.

Auto-Translation on Page Load

The plugin automatically loads the Google Translate script and applies the selected language without needing any additional workflows.

📌 Notes

You only need one instance of the plugin on each page you want to auto-translate.

The translation is applied to the entire page using Google’s website translation widget.

This plugin uses Google's public translation service script, not the Cloud API.

🌐 Supported Languages
Use standard ISO language codes like 'en', 'es', 'fr', 'de', 'pt', 'zh-CN', etc.

💡 Pro Tip
Want to create a language switcher? Just create a dropdown or buttons, and update the Translate To value using Bubble's workflows or conditional logic.

Please check a suitable implementation here: https://bubble.io/page?id=apps-translate-demo