In Bubble Apps in mehreren Sprachen erstellen

In diesem Video lernst Du anhand eines Beispiels die Language Settings in Bubble einzusetzen, um deine Webseite mehrsprachig zu gestalten.

Wir wechseln zwischen Englisch und Deutsch in Bubble, um deiner App Multi-Language Funktionalität zu geben.

Zuächst erstellen wir ein kleines Beispiel, in welchem wir sowohl die nativen Bubble Elemente (Datepicker, etc.) nutzen als auch Textfelder und Buttons.

In Settings, Languages setzen wir die Primary Language auf Deutsch. Damit werden die nativen Bubble Elemente in deutscher Sprache wiedergegeben. Anschließend erstellen wir beim User ein neues Feld, welches wir Sprache nennen und den Type text nehmen. Die Sprache ändern wir nun mit einem Workflow.

Hierfür erstellen wir zwei Buttons (🇩🇪  Deutsch, 🇺🇸  Englisch). Wenn wir auf den Button klicken, nehmen wir Make Changes to User und ändern das Feld Sprache für Deutsch in de_de und für Englisch in en_us; selbstverständlich stehen dir alle Sprachen offen. In den Settigns findest du die Referenz aller verfügbaren Sprachen.

Anschließend ändern wir den Text der einzelnen Elemente: Dies erreichen wir, indem wir anstatt eines statischen Textes dynamisch App Text (Text) nehmen und dann eine Text ID für jeden statischen Text verwenden. Dies ist quasi eine Variable. Diese Variable definieren wir nun bei Settings, Languages und definieren sie für die notwendigen Sprachen (de_de und en_us).

Anschließend testen wir die Applikation mit den unterschiedlichen Settings.