Das Festlegen eines Sprachumschalters auf der Bubble.io -Website kann Benutzern den Wechsel der Sprache erleichtern. Diese Funktion ist besonders wertvoll für Anwendungen mit einem globalen Publikum, da sie es Benutzern ermöglicht, in ihrer bevorzugten Sprache mit der Plattform zu interagieren. Bubble.io, eine beliebte No-Code-Entwicklungsplattform, bietet integrierte Lokalisierungsfunktionen, die es Entwicklern ermöglichen, mehrsprachige Anwendungen ohne umfassende Programmierkenntnisse zu erstellen.
Um einen Sprachumschalter in Bubble.io zu implementieren, definieren Entwickler normalerweise zunächst die Sprachen, die sie in den Einstellungen der App unterstützen möchten. Anschließend erstellen sie ein Dropdown- oder Schaltflächenelement, mit dem Benutzer interagieren können, um die Sprache zu ändern. In diesem Artikel besprechen wir die Einrichtung eines Sprachumschalters auf Bubble.io mit einer der Websites automatischer Übersetzungsdienste.
Das Hinzufügen eines Sprachumschalters auf einer Website ist nicht ohne Grund. Hier erfahren Sie, warum Sie eine Bubble-Website auf einer Bubble-Website einrichten müssen.
Nachdem wir nun verstanden haben, wie wichtig es ist, die Sprache auf mehrsprachigen Bubble.io-Websites zu wechseln, wollen wir besprechen, wie man es umsetzt. Website-Übersetzungsdienste bieten normalerweise diese Funktion an, die an die Bedürfnisse des Benutzers angepasst werden kann.
Allerdings bieten nicht alle Übersetzungsdienste anpassbare und benutzerfreundliche Sprachumschalter an. Daher ist die Wahl eines automatischen Übersetzungsdienstes, der mit verschiedenen Frameworks kompatibel ist und flexible Sprachwechselfunktionen bietet, sehr wichtig.
Ein automatischer Übersetzungsdienst, der diese Kriterien erfüllt, ist Linguise . Linguise bietet eine hochgradig anpassbare und benutzerfreundliche Sprachwechselfunktion, die sich in beliebte CMS- und Web-Builder wie Bubble.io integrieren lässt.
Linguise bietet eine nahtlose Integration mit der Bubble, sodass Entwickler die Sprachumschaltung problemlos in ihre mehrsprachigen Anwendungen integrieren können. Durch die Nutzung der erweiterten Funktionen und der benutzerfreundlichen Oberfläche von Linguise können Sie die Einrichtung und Wartung von Sprachumschaltern auf Ihrer Bubble-Website vereinfachen.
Hier sind die Schritte zum Installieren Linguise auf einer Bubble.io-Website und zum Einrichten des Sprachumschalters.
zunächst ein kostenloses Linguise Konto und fügen Sie Ihre Website-Domain hinzu. Sie können die kostenlose 30-Tage-Testversion nutzen, bevor Sie sich für ein Abonnement entscheiden.
Anschließend müssen Sie Ihre Domain registrieren, um die Übersetzung zu autorisieren. Kopieren Sie Ihren Domainnamen, einschließlich „https://“, und wählen Sie „Andere“ als Plattform aus.
Wählen Sie als Nächstes Ihre Ausgangs- und Zielsprache aus.
Nachdem Sie Ihre Website im Linguise Dashboard registriert haben, stehen Ihnen zwei Installationsoptionen zur Verfügung.
Klicken Sie zum automatischen Hinzufügen von DNS-Einträgen auf „DNS automatisch verbinden“. Diese Funktion namens Entri vereinfacht den Installationsprozess, indem sie die DNS-Einträge für Sie verwaltet. Alternativ können Sie die DNS-Einträge manuell zu Ihrem Domain-Anbieter kopieren.
Durch Klicken auf die Schaltfläche wird Entri aufgefordert, die URL Ihrer registrierten Website zu analysieren, Ihre öffentlichen DNS-Einträge zu untersuchen und die erforderlichen Anbieter und DNS-Einträge zu identifizieren.
Klicken Sie anschließend auf „Autorisieren bei [Ihrem Domain-Anbieter]“ (z. B. Cloudflare). Durch diese Aktion werden Sie zur Anmeldeseite Ihres Domain-Anbieters weitergeleitet, wo Sie sich anmelden und fortfahren können.
Sobald Sie angemeldet sind, fügt Entri Ihrer Domain automatisch die entsprechenden DNS-Einträge hinzu – einen DNS pro Sprache und einen TXT-DNS für den Validierungsschlüssel.
Nach der Autorisierung benachrichtigt Sie Entri, dass alle DNS-Einstellungen erfolgreich konfiguriert wurden. Die Übersetzungsfunktion sollte nutzbar sein, sobald alle DNS-Einträge auf Ihrer Domain verbreitet sind, was normalerweise 20 bis 30 Minuten dauert.
Für die manuelle Installation können Sie die unten aufgeführten Schritte ausführen.
Bei der manuellen Installation werden Sie zu einem Bildschirm weitergeleitet, auf dem die DNS-Einträge angezeigt werden, die zum Einrichten Ihrer mehrsprachigen Seiten erforderlich sind, z. B. fr.domain.com oder es.domain.com.
Kopieren Sie diese Elemente in Ihre Bubble.io-DNS-Konfiguration.
Rufen Sie als Nächstes Ihren Domänenmanager auf und navigieren Sie zum DNS-Einrichtungsbereich. Befolgen Sie zum Kopieren die Anweisungen:
Hier finden Sie Beispiele für jeden Datensatztyp (TXT und CNAME).
Nachdem Sie alle Ihre Datensätze hinzugefügt haben, sollte Ihre Konfiguration wie folgt aussehen.
Nachdem Sie alle Ihre Einträge zu Ihrem Domänen-DNS hinzugefügt haben, klicken Sie auf die Schaltfläche „DNS-Konfiguration prüfen“, um die DNS-Weitergabe zu überprüfen.
Die DNS-Validierung dauert normalerweise etwa 30 Minuten bis 1 Stunde. Sobald der Vorgang abgeschlossen ist, sollten neben der DNS-Liste im Linguise Dashboard grüne Indikatoren angezeigt werden. Sie sind fast bereit, Ihre Bubble.io-Website zu übersetzen; Es bleibt nur noch die Verlinkung zum Sprachumschalter mit Länderflaggen.
Der Sprachumschalter ist ein Flaggen-Popup, mit dem Benutzer ihre bevorzugte Sprache auswählen können. Um es zu implementieren, kopieren Sie den Code, der am Ende des Domain-Registrierungsprozesses oder in den Domain-Einstellungen bereitgestellt wird, in den Header Ihrer Bubble.io-Site-Seiten. Der Flaggen-Sprachumschalter erscheint dann automatisch auf Ihrer öffentlichen Website.
Gehen Sie als Nächstes zu Ihrem Bubble-Website-Panel. Klicken Sie im linken Seitenleistenmenü „Einstellungen“
Scrollen Sie nach unten zu „Skript-/Meta-Tags im Header“ unter „Erweiterte Einstellungen“. Fügen Sie das zuvor kopierte Linguise
Um mit der Einrichtung des Sprachumschalters zu beginnen, navigieren Sie im Linguise „Einstellungen“ > „Anzeige der Sprachflaggen“ . Auf dieser Seite können Sie verschiedene Einstellungen anpassen
Sie können die Anzeige von Flaggen und Sprachnamen, Flaggen und Sprachabkürzungen oder nur Sprachnamen kombinieren. Zur leichteren Benutzererkennung wird empfohlen, sowohl Flags als auch Sprachnamen zu verwenden.
Nachdem Sie die Hauptanzeige konfiguriert haben, können Sie das Design der angezeigten Flaggen weiter anpassen.
Nachdem Sie das Flaggendesign konfiguriert haben, können Sie die Farbe und Größe der Flaggen weiter anpassen. Hier sind die Einstellungen, die Sie anpassen können:
Schließlich können Sie die Schatteneinstellungen des Flaggenfelds anpassen. Mit der ersten Option können Sie auf jedes auf Ihrer Website angezeigte Flaggensymbol einen Schatteneffekt anwenden. Die nächste Option steuert den Schatteneffekt, wenn Benutzer mit der Maus über die Sprachflaggen fahren.
Wenn Sie alle gewünschten Anpassungen vorgenommen haben, klicken Sie auf die Schaltfläche „Speichern“, um die Anpassungsänderungen zu übernehmen. Besuchen Sie dann Ihre Bubble-Website, um zu überprüfen, ob die Konfiguration erfolgreich angewendet wurde. So wird der Sprachumschalter angezeigt.
Nach der Einrichtung können Sie sehen, wie der Sprachumschalter auf Ihrer mehrsprachigen Bubble-Website funktioniert.
Als nächstes können Sie die Website in andere Sprachen wie Spanisch übersetzen.
Nachdem Sie den Sprachumschalter auf einer mehrsprachigen Bubble-Website erfolgreich eingerichtet haben, ist es wichtig, Tipps zur Optimierung des Sprachumschalters sowohl für Ihre Website als auch für Besucher zu berücksichtigen.
Bei der Implementierung eines Sprachumschalters auf Ihrer Bubble.io-Website ist die Verwendung leicht erkennbarer Sprachflaggen oder -symbole von entscheidender Bedeutung. Diese visuellen Hinweise helfen Benutzern, ihre bevorzugte Sprache schnell zu identifizieren und auszuwählen. Beispielsweise wird allgemein verstanden, dass ein Globussymbol Sprachoptionen darstellt. Alternativ könnten Sie auch Landesflaggen verwenden. Beachten Sie jedoch, dass dies manchmal problematisch sein kann, da Sprachen nicht immer an ein einzelnes Land gebunden sind.
Beispiel: Die Website von Amazon verwendet in der oberen Navigationsleiste ein kleines Globussymbol neben der aktuell ausgewählten Sprache (z. B. „EN“). Dieser einfache, aber effektive Ansatz ermöglicht es Benutzern, die Sprachoptionen unabhängig von ihrer aktuellen Spracheinstellung schnell zu finden.
Obwohl Flaggen hilfreich sein können, sollten sie nicht allein verwendet werden. Die Angabe des Namens der Sprache in ihrer nativen Schrift neben der Flagge oder dem Symbol sorgt für Klarheit und vermeidet mögliche Verwirrung. Dies ist besonders wichtig für Sprachen, die in mehreren Ländern oder Regionen gesprochen werden.
Beispiel: Der Sprachumschalter auf der Airbnb-Website zeigt den Sprachnamen und die Landesflagge an. Es zeigt beispielsweise „English (US)“ mit der US-Flagge und „Français“ mit der französischen Flagge. Diese Kombination stellt sicher, dass Benutzer ihre bevorzugte Sprachoption genau identifizieren können.
Die Platzierung Ihres Sprachumschalters ist für die Benutzerzugänglichkeit von entscheidender Bedeutung. Häufige Orte sind die obere rechte Ecke der Kopfzeile, die Fußzeile oder das Hauptnavigationsmenü. Der Schlüssel liegt darin, es leicht auffindbar zu machen, ohne den Hauptinhaltsbereich zu überladen.
Beispiel: Auf der Website tiffany.com befindet sich der Sprachumschalter in der unteren rechten Ecke der Seite, immer sichtbar und zugänglich. Diese konsistente Platzierung stellt sicher, dass Benutzer die Sprachoptionen schnell finden und verwenden können, unabhängig davon, wo sie sich auf der Website befinden.
Stellen Sie sicher, dass Ihr Sprachumschalter auf allen Geräten gut funktioniert, vom Desktop-Computer bis zum Smartphone. Auf kleineren Bildschirmen müssen Sie möglicherweise das Design anpassen – beispielsweise durch die Verwendung eines Dropdown-Menüs anstelle einer horizontalen Liste mit Optionen.
Beispiel: Der Sprachumschalter der UNESCO-Website passt sich wunderbar an alle Geräte an. Auf dem Desktop erscheint es als horizontale Liste in der Kopfzeile. Auf Mobilgeräten verwandelt es sich in ein kompaktes Dropdown-Menü und gewährleistet so die Benutzerfreundlichkeit, ohne das mobile Layout zu beeinträchtigen.
Behalten Sie das gleiche Design, die gleiche Funktionalität und die gleiche Position Ihres Sprachumschalters auf allen Seiten Ihrer Bubble.io-Website bei. Diese Konsistenz hilft Benutzern, effizienter auf Ihrer Website zu navigieren, da sie unabhängig von ihrer aktuellen Seite genau wissen, wo sie die Sprachoptionen finden.
Beispiel: Die Website behält ihren Sprachumschalter im Footer auf allen Seiten einheitlich bei, von der Startseite über die Produktseiten bis hin zum Checkout-Prozess. Diese Konsistenz stellt sicher, dass Benutzer während ihres Surf- oder Einkaufserlebnisses jederzeit problemlos die Sprache wechseln können.
Jetzt wissen Sie bereits, wie Sie die Sprache für die mehrsprachige Website von Bubble.io auswählen. Das Auslesen der Sprachauswahl kann verschiedene Vorteile bieten und zu einer weiteren Optimierung auf Basis der zuvor genannten Punkte führen.
Eine effektive Optimierung der Sprachauswahl kann die Benutzererfahrung erheblich verbessern. Eröffnen Sie ein Linguise -Konto, integrieren Sie es in Ihre Bubble.io-Website und passen Sie die Sprachauswahl an, um das Benutzererlebnis zu verbessern.
Erhalten Sie Neuigkeiten über die automatische Übersetzung von Websites, internationales SEO und mehr!
Gehen Sie nicht, ohne Ihre E-Mail-Adresse mitzuteilen!
Wir können nicht garantieren, dass Sie im Lotto gewinnen, können Ihnen aber einige interessante Neuigkeiten rund um die Übersetzung und gelegentliche Rabatte versprechen.
