Translate My App! (Lang)
43
Overview Nebula – Translate My App! is the ultimate multilingual solution for Bubble. It translates your application instantly in the user’s browser — with no redirects, no page reloads, and no URL changes. With support for over 100 languages and native integration with Google Translate, it delivers a smooth, scalable, and professional global experience ideal for SaaS, marketplaces, and any app targeting international users. How It Works
Inline Translation: Instantly translates all visible text on the page with zero reloads and zero navigation changes.
Smart Language Selector: Choose between flags, icons, or text labels — fully customizable to match your design system.
Auto-Detect Language: Automatically identifies the user’s browser language and applies it on first visit.
Persistent Language Choice: Remembers the user’s preferred language using optional caching.
Element Protection: Exclude specific elements from translation using IDs — perfect for brand names, numbers, or sensitive labels.
Workflow Events: Triggers the language_changed event so you can save user preferences, run logic, or update UI elements dynamically.
When to Use
International apps and marketplaces that need instant multilingual support.
Landing pages targeting multiple countries or regions.
SaaS products with a global customer base that expect seamless language switching.
Corporate systems or ERPs used by teams in different regions.
Benefits
Instant translation without reloading the page or breaking workflows.
Native Bubble integration — no external APIs or complex setups.
Consistent design thanks to a fully customizable language selector.
Simple setup and maintenance — no code required.
Fast performance on desktop and mobile, 100% client-side.
Key Features
100+ Languages — including regional variants (pt-BR, pt-PT, zh-CN, zh-TW, en-GB, en-US).
Browser Language Detection — Automatically matches user preference or location.
No Redirects — Keeps the current URL, state, and navigation intact.
Customizable Dropdown — Flags, icons, labels, spacing, and styles fully adjustable.
Smart Caching — Saves preferred language for future visits.
Selective Translation — Translate only specific elements or exclude sensitive content.
Lightweight & Responsive — Works entirely client-side with top-tier performance.
Event Triggers — Integrate with workflows for dynamic UI adjustments.
Installation Guide 1️⃣ Installation
Install the Nebula – Translate My App! plugin in your Bubble app.
Add the translation element to your page and position it where the language selector should appear.
Customize the dropdown appearance directly in the plugin panel (borders, shadows, spacing, icons, etc.).
2️⃣ Field Configuration
selected_language (text): Stores the currently selected language (e.g., “en”, “pt-BR”).
flags (yes/no): Enables flag icons next to language names.
show_label (yes/no): Shows or hides the language name in the selector.
not_translate (text): IDs of elements that should never be translated.
translate_only (yes/no): If enabled, only the element with the defined ID will be translated.
only_id (text): Target element ID when using “translate_only”.
save_language (yes/no): Saves the language preference in browser storage.
3️⃣ Practical Usage
Add the plugin element anywhere on the page where users can switch languages.
Choose your preferred selector style (flags, icons, labels, or minimal text).
Translation is applied instantly as soon as a language is selected.
Use the language_changed workflow event to store preferences, trigger alerts, or update UI logic.
4️⃣ Best Practices
Set the default language based on your primary audience.
Exclude brand names, IDs, and sensitive dynamic data from translation.
Match the selector UX/UI with your app’s visual identity.
Test on mobile and different screen sizes for a smooth experience.
5️⃣ Example Use Cases
Multilingual apps with user-specific language preferences.
Global corporate portals requiring instant interface translation.
Landing pages that automatically adapt to the visitor’s browser language.
SaaS products expanding globally without duplicating pages.
Support
For help and updates, visit https://nebulapps.com.br.