Das Einrichten eines Sprachumschalters auf der Bubble.io-Website kann es den Benutzern erleichtern, die Sprache zu wechseln. Diese Funktion ist besonders wertvoll für Anwendungen mit einem globalen Publikum, da sie es den Benutzern ermöglicht, mit der Plattform in ihrer bevorzugten Sprache zu interagieren. Bubble.io, eine beliebte No-Code-Entwicklungsplattform, bietet integrierte Lokalisierungsfunktionen, die es Entwicklern ermöglichen, mehrsprachige Anwendungen ohne umfangreiche Programmierkenntnisse zu erstellen.
Um einen Sprachumschalter in Bubble.io zu implementieren, beginnen Entwickler normalerweise damit, die Sprachen zu definieren, die sie in den App-Einstellungen unterstützen möchten. Anschließend erstellen sie ein Dropdown- oder Button-Element, mit dem Benutzer interagieren können, um die Sprache zu ändern. In diesem Artikel werden wir die Einrichtung eines Sprachumschalters auf Bubble.io mit einer der automatischen Übersetzungsdienst-Websites besprechen.
Warum ist ein Sprachumschalter auf der Bubble.io-Website wichtig?
Ein Sprachumschalter auf einer Website ist nicht ohne Grund. Hier erfahren Sie, warum Sie einen auf einer Bubble -Website einrichten müssen.
- Erleichtert die Nutzung für Benutzer in anderen Ländern: 76%
- Optimierung der Website in Suchergebnissen anderer Länder: Mit einem Sprachumschalter kann Ihre Bubble.io-Website besser in fremdsprachigen Suchen platziert werden. Zum Beispiel wird eine französische Version Ihrer Website eher in französischen Google-Suchen erscheinen. Diese verbesserte Sichtbarkeit kann den internationalen Traffic erheblich steigern.
- Steigerung der Vertriebsumwandlung: Die Bereitstellung von Inhalten in mehreren Sprachen kann den Umsatz steigern. Eine Online-Kursplattform, die es den Benutzern ermöglicht, die Sprache zu wechseln, kann ein breiteres Publikum anziehen und die Einschreibungen erhöhen. Dieser Ansatz ist effektiv, da Verbraucher eher von Websites kaufen, die Informationen in ihrer Muttersprache bereitstellen, was sich direkt auf Ihre Konversionsraten auswirkt.
- Verbesserung der Benutzereinbindung und -bindung: Ein Sprachumschalter kann die Benutzer länger auf Ihrer Website halten. Zum Beispiel bleiben Benutzer, die in ihrer bevorzugten Sprache auf einer Social-Networking-App interagieren, tendenziell länger engagiert. Diese erhöhte Einbindung ist bedeutsam, da Benutzer normalerweise doppelt so viel Zeit auf Websites in ihrer Muttersprache verbringen wie auf Websites in einer zweiten Sprache, was zu einer besseren Benutzerbindung führt.
So richten Sie einen Sprachumschalter auf Bubble.io ein
Jetzt, da wir die Bedeutung des Umschaltens zwischen Sprachen auf mehrsprachigen Bubble.io-Websites verstehen, lassen Sie uns besprechen, wie man es implementiert. Website-Übersetzungsdienste bieten diese Funktion normalerweise 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 Sprachumschaltfunktionen bietet, sehr wichtig.
Ein automatischer Übersetzungsdienst, der diese Kriterien erfüllt, ist Linguise. Linguise automatische Übersetzung bietet eine hochgradig anpassbare und benutzerfreundliche Sprachumschaltfunktion, die sich in beliebte CMS und Web-Builder wie Bubble.io integriert.
Linguise bietet eine nahtlose Integration mit Bubble, wodurch Entwickler problemlos Sprachumschalter in ihre mehrsprachigen Anwendungen integrieren können. Durch die Nutzung der fortschrittlichen Funktionen und der benutzerfreundlichen Oberfläche von Linguisekönnen Sie das Einrichten und Verwalten von Sprachumschaltern auf Ihrer Bubble -Website vereinfachen.
Hier sind die Schritte zur Installation von Linguise auf einer Bubble.io-Website und zum Einrichten des Sprachumschalters.
Schritt 1: Registrieren Sie ein Linguise -Konto
Beginnen Sie damit, ein kostenloses Linguise-Konto zu erstellen und Ihre Webseitendomäne hinzuzufügen. Sie können die 30-tägige kostenlose Testversion nutzen, bevor Sie einen Abonnementplan wählen.
Dann müssen Sie Ihre Domäne registrieren, um die Übersetzung zu autorisieren. Kopieren Sie Ihren Domänennamen, einschließlich „https://“, und wählen Sie „andere“ als Plattform.
Wählen Sie als Nächstes Ihre Quell- und Zielsprachen.
Schritt 2: DNS automatisch mit Entri hinzufügen
Nachdem Sie Ihre Website im Linguise -Dashboard registriert haben, haben Sie zwei Installationsmöglichkeiten.
Für das automatische Hinzufügen von DNS-Einträgen klicken Sie auf “Verbinden Sie Ihr DNS automatisch.” Diese Funktion, genannt 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, Ihre registrierte Website-URL zu analysieren und Ihre öffentlichen DNS-Einträge zu überprüfen, um den notwendigen Anbieter und die DNS-Einträge zu identifizieren.
Als Nächstes klicken Sie auf “Autorisieren mit [Ihr Domain-Anbieter]” (z.B. Cloudflare). Diese Aktion leitet Sie zur Anmeldeseite Ihres Domain-Anbieters weiter, wo Sie sich anmelden und fortfahren können.
Sobald Sie angemeldet sind, fügt Entri automatisch die entsprechenden DNS-Einträge – einen DNS pro Sprache und einen TXT-DNS für den Validierungsschlüssel – zu Ihrer Domain hinzu.
Nach der Autorisierung benachrichtigt Entri Sie darüber, dass alle DNS-Einstellungen erfolgreich konfiguriert wurden. Die Übersetzungsfunktion sollte nutzbar sein, sobald alle DNS-Einträge auf Ihrer Domain übertragen wurden, was normalerweise 20 bis 30 Minuten dauert.
Für eine manuelle Installation können Sie den unten angegebenen Schritten folgen.
Schritt 3: DNS-Einträge kopieren
Für eine manuelle Installation werden Sie zu einem Bildschirm weitergeleitet, auf dem die DNS-Einträge angezeigt werden, die zum Einrichten Ihrer mehrsprachigen Seiten erforderlich sind, wie z.B. fr.domain.com oder es.domain.com.
Kopieren Sie diese Elemente in Ihre Bubble.io-DNS-Konfiguration.
Als nächstes greifen Sie auf Ihren Domain-Manager zu und navigieren Sie zum Bereich DNS-Setup. Folgen Sie den Anweisungen zum Kopieren:
- Ein TXT-Eintrag zur Domänenüberprüfung
- Ein oder mehrere CNAME-Einträge für die Sprachen
Hier sind Beispiele für jeden Datensatztyp (TXT und CNAME).
Sobald Sie alle Ihre Datensätze hinzugefügt haben, sollte Ihre Konfiguration so aussehen.
Schritt 4: DNS überprüfen
Nachdem Sie alle Ihre Datensätze zu Ihrem Domain-DNS hinzugefügt haben, klicken Sie auf die Schaltfläche „DNS-Konfiguration überprüfen“, um die DNS-Ausbreitung zu überprüfen.
Die DNS-Validierung dauert in der Regel etwa 30 Minuten bis 1 Stunde. Nach Abschluss sollten Sie grüne Indikatoren neben der DNS-Liste im Linguise -Dashboard sehen. Sie sind fast bereit, Ihre Bubble.io-Website zu übersetzen; alles, was noch fehlt, ist die Verknüpfung mit dem Sprachumschalter mit Länderflaggen.
Schritt 5: Sprachumschalter aktivieren
Der Sprachumschalter ist ein Flaggen-Popup, mit dem Benutzer ihre bevorzugte Sprache auswählen können. Um es zu implementieren, kopieren Sie den am Ende des Domänenregistrierungsprozesses oder in den Domäneneinstellungen bereitgestellten Code in den Header Ihrer Bubble.io-Site-Seiten. Der Flaggen-Sprachumschalter wird dann automatisch auf Ihrer öffentlichen Website angezeigt.
Weiter, gehen Sie zu Ihrem Bubble Website-Panel. Klicken Sie ‚Einstellungen‘ im linken Seitenmenü und wählen Sie „SEO / Metatags.“
Scrollen Sie nach unten zu “Script/meta-Tags im Header” unter “Erweiterte Einstellungen.” Fügen Sie das Linguise Skript, das Sie zuvor kopiert haben, ein und klicken Sie dann auf „Speichern“ und veröffentlichen Sie Ihre Website.
Schritt 5: Hauptanzeige konfigurieren
Um den Sprachumschalter einzurichten, navigieren Sie zum “Einstellungen” > “Sprachflaggen-Anzeige” Abschnitt im Linguise Dashboard. Auf dieser Seite können Sie verschiedene Einstellungen anpassen
- Flaggen-Symbolstil: Wählen Sie aus drei Optionen: Nebeneinander-Anzeige, Dropdown-Menü oder Popup.
- Position: Wählen Sie, wo der Sprachumschalter auf Ihrer Website erscheinen soll. Verschiedene Positionsoptionen sind verfügbar; stellen Sie sicher, dass er für Besucher leicht zugänglich ist.
Sie können die Anzeige von Flaggen und Sprachbezeichnungen, Flaggen und Sprachabkürzungen oder nur Sprachbezeichnungen kombinieren. Die Verwendung von sowohl Flaggen als auch Sprachbezeichnungen wird für eine einfachere Benutzererkennung empfohlen.
Schritt 6: Design der Flagge festlegen
Nachdem Sie die Hauptanzeige konfiguriert haben, passen Sie das Design der anzuzeigenden Flaggen weiter an.
- Sprachname anzeigen: Sie können wählen, ob Sie den Sprachnamen basierend auf dem Ländernamen oder dem Sprachnamen selbst anzeigen möchten. Zum Beispiel könnten Sie „Französisch“ oder „Français“ anzeigen.
- Englische Flaggentype: Diese Option ist nützlich für Sprachen mit mehreren Variationen, wie z.B. amerikanisches oder britisches Englisch (und gilt auch für Spanisch, Taiwanesisch, Deutsch und Portugiesisch).
- Flaggenstil: Wählen Sie die Form des Flaggenicons, entweder rund oder rechteckig.
Schritt 7: Farbe und Größe anpassen
Nachdem Sie das Flaggen-Design konfiguriert haben, können Sie die Farbe und Größe der Flaggen weiter anpassen. Hier sind die Einstellungen, die Sie vornehmen können:
- Flaggen-Rahmenradius: Passen Sie den Radius in Pixel für den rechteckigen Flaggenstil an.
- Sprachnamenfarbe: Wählen Sie die Standardtextfarbe, um den Sprachnamen anzuzeigen.
- Popup-Sprachfarbe: Legen Sie die Farbe des Sprachentiteltextes im Popup- oder Dropdown-Bereich fest.
- Flaggen-Größe: Passen Sie die Größe der Flaggen-Symbole an.
- Farbton beim Überfahren mit der Maus: Legen Sie die Textfarbe fest, die erscheint, wenn der Benutzer mit der Maus über den Sprachnamen fährt.
- Farbton der Popup-Sprache beim Überfahren mit der Maus: Legen Sie die Textfarbe fest, die erscheint, wenn der Benutzer mit der Maus über den Sprachnamen im Popup- oder Dropdown-Bereich fährt.
Schritt 8: Festlegen des Flaggenkastenschattens
Schließlich können Sie die Schatteneinstellungen des Flaggenfelds anpassen. Die erste Option ermöglicht es Ihnen, einen Schatteneffekt auf jedes Flaggen-Symbol anzuwenden, das auf Ihrer Website angezeigt wird. Die nächste Option steuert den Schatteneffekt, wenn Benutzer mit der Maus über die Sprachflaggen fahren.
Nachdem Sie alle gewünschten Anpassungen vorgenommen haben, klicken Sie auf die Schaltfläche Speichern, um die Änderungen anzuwenden. 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.
Best Practices für die Optimierung des Sprachumschalters auf Bubble.io
Nachdem Sie den Sprachumschalter auf einer Bubble mehrsprachigen Website erfolgreich eingerichtet haben, ist es wichtig, Tipps zur Optimierung des Sprachumschalters sowohl für Ihre Website als auch für Ihre Besucher zu berücksichtigen.
Verwenden Sie ein leicht identifizierbares Sprachflaggen-Logo
Bei der Implementierung eines Sprachumschalters auf Ihrer Bubble.io-Website ist die Verwendung leicht erkennbarer Sprachflaggen oder -symbole entscheidend. Diese visuellen Hinweise helfen Benutzern, ihre bevorzugte Sprache schnell zu identifizieren und auszuwählen. Zum Beispiel wird ein Globus-Symbol allgemein als Darstellung von Sprachoptionen verstanden. Alternativ können Sie auch Länderflaggen verwenden, sollten jedoch beachten, dass dies manchmal problematisch sein kann, da Sprachen nicht immer an ein einzelnes Land gebunden sind.
Beispiel: Die Website von Amazon verwendet ein kleines Globus-Symbol neben der aktuell ausgewählten Sprache (z.B. „EN“) in der oberen Navigationsleiste. Dieser einfache, aber effektive Ansatz ermöglicht es den Benutzern, die Sprachoptionen unabhängig von ihrer aktuellen Spracheinstellung schnell zu finden.
Sprachnamen neben Flaggen einfügen
Obwohl Flaggen hilfreich sein können, sollten sie nicht alleine verwendet werden. Die Einbeziehung des Namens der Sprache in ihrer Muttersprache neben der Flagge oder dem Symbol sorgt für Klarheit und vermeidet potenzielle 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. Zum Beispiel wird „Englisch (US)“ mit der US-Flagge und „Français“ mit der französischen Flagge angezeigt. Diese Kombination stellt sicher, dass Benutzer ihre bevorzugte Sprachoption genau identifizieren können.
Platzieren Sie die Sprachumschaltfläche überlegt
Die Platzierung Ihres Sprachumschalters ist entscheidend für die Benutzerfreundlichkeit. Häufige Positionen sind die obere rechte Ecke des Headers, im Fußbereich oder innerhalb des Hauptnavigationsmenüs. Der Schlüssel ist, 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 Site befinden.
Entwerfen Sie den Sprachumschalter responsiv
Stellen Sie sicher, dass Ihr Sprachumschalter auf allen Geräten gut funktioniert, von Desktop-Computern bis hin zu Smartphones. Auf kleineren Bildschirmen müssen Sie möglicherweise das Design anpassen – zum Beispiel indem Sie ein Dropdown-Menü anstelle einer horizontalen Liste von Optionen verwenden.
Beispiel: Der Sprachumschalter der UNESCO-Website passt sich auf allen Geräten schön an. Auf dem Desktop erscheint er als horizontale Liste im Header. Auf Mobilgeräten verwandelt er sich in ein kompaktes Dropdown-Menü und sorgt für Benutzerfreundlichkeit, ohne das mobile Layout zu beeinträchtigen.
Stellen Sie sicher, dass der Sprachumschalter auf allen Seiten konsistent ist
Behalten Sie das gleiche Design, die gleiche Funktionalität und Position Ihres Sprachumschalters auf allen Seiten Ihrer Bubble.io-Website bei. Diese Konsistenz hilft Benutzern, Ihre Website effizienter zu navigieren, da sie genau wissen, wo sie die Sprachoptionen finden, unabhängig von ihrer aktuellen Seite.
Beispiel: Die Website behält ihren Sprachumschalter konsistent im Fußbereich auf allen Seiten bei, von der Startseite bis zu Produktseiten und dem Checkout-Prozess. Diese Konsistenz stellt sicher, dass Benutzer jederzeit während ihres Browsing- oder Kauferlebnisses einfach die Sprache wechseln können.
Richten Sie einen Sprachumschalter auf der mehrsprachigen Bubble -Website mithilfe von Linguiseein!
Jetzt verstehen Sie bereits, wie Sie die Sprache für die Bubble.io mehrsprachige Website auswählen können. Das Lesen des Sprachselektors kann verschiedene Vorteile bieten und weiter zu einer Optimierung auf Grundlage der zuvor genannten Punkte führen.
Eine effektive Optimierung des Sprachselektors kann die Benutzererfahrung erheblich verbessern. Melden Sie sich für ein Linguise-Konto an, integrieren Sie es in Ihre Bubble.io-Website und passen Sie den Sprachselektor an, um die Benutzererfahrung zu verbessern.
