Durch die Integration eines Sprachumschalters auf der Bubble - Website wird Nutzern der Sprachwechsel erleichtert. Diese Funktion ist besonders wertvoll für Anwendungen mit einem globalen Publikum, da Nutzer so in ihrer bevorzugten Sprache mit der Plattform interagieren können. Bubble , eine beliebte No-Code-Entwicklungsplattform, bietet integrierte Lokalisierungsfunktionen, mit denen Entwickler mehrsprachige Anwendungen ohne umfassende Programmierkenntnisse erstellen können.
Um in Bubbleeinen Sprachumschalter zu implementieren, definieren Entwickler üblicherweise zunächst die gewünschten Sprachen in den App-Einstellungen. Anschließend erstellen sie ein Dropdown-Menü oder einen Button, mit dem Benutzer die Sprache ändern können. In diesem Artikel beschreiben wir die Einrichtung eines Sprachumschalters in Bubblemithilfe eines automatischen Übersetzungsdienstes.
Warum ist ein Sprachumschalter auf der Bubble-Website wichtig?
Das Hinzufügen eines Sprachumschalters zu einer Website hat durchaus seine Berechtigung. Hier erfahren Sie, warum Sie einen solchen Umschalter auf einer Bubble -Website einrichten sollten.
- Erleichtert die Nutzung für Nutzer in anderen Ländern: Ein Sprachumschalter ermöglicht es internationalen Nutzern, die Website in ihrer Muttersprache anzuzeigen. So kann beispielsweise ein spanischer Nutzer, der einen Online-Shop besucht, auf Spanisch umschalten und dadurch Produktdetails leichter verstehen und Einkäufe abschließen. Studien von CSA Research zeigen, dass 76 % der Online-Shopper Produkte bevorzugen, wenn die Informationen in ihrer Sprache verfügbar sind. Dies unterstreicht die Bedeutung dieser Funktion für Benutzerfreundlichkeit und Zugänglichkeit.
- Optimierung der Website in internationalen Suchergebnissen: Mit einem Sprachumschalter kann Ihre Bubble -Website in fremdsprachigen Suchanfragen besser platziert werden. Beispielsweise wird eine französische Version Ihrer Website mit höherer Wahrscheinlichkeit bei französischen Google-Suchanfragen angezeigt. Diese verbesserte Sichtbarkeit kann den internationalen Traffic deutlich steigern.
- Steigern Sie Ihre Konversionsrate: Mehrsprachige Inhalte können den Umsatz ankurbeln. Eine Online-Kursplattform, die es Nutzern ermöglicht, die Sprache zu wechseln, kann ein breiteres Publikum ansprechen und die Anmeldezahlen erhöhen. Dieser Ansatz ist effektiv, da Konsumenten eher auf Websites kaufen, die Informationen in ihrer Muttersprache anbieten, was sich direkt auf Ihre Konversionsrate auswirkt.
- Verbesserte Nutzerbindung und -interaktion: Ein Sprachumschalter kann die Verweildauer von Nutzern auf Ihrer Website verlängern. Beispielsweise bleiben Nutzer, die in ihrer bevorzugten Sprache auf einer Social-Media-App interagieren, tendenziell länger aktiv. Diese gesteigerte Interaktion ist signifikant, da Nutzer in der Regel doppelt so viel Zeit auf Websites in ihrer Muttersprache verbringen wie auf solchen in einer Fremdsprache, was zu einer höheren Nutzerbindung führt.
So richten Sie einen Sprachumschalter auf Bubbleein
Nachdem wir nun die Bedeutung des Sprachwechsels auf mehrsprachigen Bubble-Websites verstanden haben, wollen wir uns mit der Implementierung befassen. Website-Übersetzungsdienste bieten diese Funktion üblicherweise an, und sie kann an die Bedürfnisse des Nutzers angepasst werden.
Allerdings bieten nicht alle Übersetzungsdienste anpassbare und benutzerfreundliche Sprachumschalter. Daher ist die Wahl eines automatischen Übersetzungsdienstes, der mit verschiedenen Frameworks kompatibel ist und flexible Sprachumschaltfunktionen bietet, von großer Bedeutung.
Ein automatischer Übersetzungsdienst, der diese Kriterien erfüllt, ist Linguise . Linguise bietet eine hochgradig anpassbare und benutzerfreundliche Sprachumschaltfunktion, die sich in gängige CMS und Webseiten-Baukästen wie Bubble .
Linguise bietet eine nahtlose Integration mit Bubbleund ermöglicht Entwicklern so die einfache Einbindung von Sprachumschaltern in ihre mehrsprachigen Anwendungen. Dank der fortschrittlichen Funktionen und der benutzerfreundlichen Oberfläche von Linguisevereinfachen Sie die Einrichtung und Wartung von Sprachumschaltern auf Ihrer Bubble Website.
Hier sind die Schritte zur Installation Linguise auf einer Bubble -Website und zur Einrichtung des Sprachumschalters.
Schritt 1: Linguise Konto registrieren
zunächst ein kostenloses Linguise Konto und fügen Sie Ihre Website-Domain hinzu. Sie können die 30-tägige kostenlose Testphase 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 inklusive „https://“ und wählen Sie als Plattform „Andere“ aus.
Wählen Sie als Nächstes Ihre Quell- und Zielsprache aus.
Schritt 2: DNS automatisch mit Entri hinzufügen
Nach der Registrierung Ihrer Website im Linguise Dashboard stehen Ihnen zwei Installationsoptionen zur Verfügung.
Klicken Sie für die automatische DNS-Eintragsverwaltung auf „DNS automatisch verbinden“. Diese Funktion namens Entri vereinfacht die Installation, indem sie die DNS-Einträge für Sie verwaltet. Alternativ können Sie die DNS-Einträge auch manuell zu Ihrem Domainanbieter kopieren.
Durch Klicken auf die Schaltfläche wird Entri veranlasst, Ihre registrierte Website-URL zu analysieren und Ihre öffentlichen DNS-Einträge zu überprüfen, um den erforderlichen Provider und die entsprechenden DNS-Einträge zu ermitteln.
Klicken Sie anschließend auf „Mit [Ihrem Domainanbieter] autorisieren“ (z. B. Cloudflare). Sie werden dann zur Anmeldeseite Ihres Domainanbieters weitergeleitet, wo Sie sich anmelden und fortfahren können.
Nach dem Einloggen fügt Entri automatisch die entsprechenden DNS-Einträge zu Ihrer Domain hinzu – einen DNS-Eintrag pro Sprache und einen TXT-DNS-Eintrag für den Validierungsschlüssel.
Nach der Autorisierung benachrichtigt Sie Entri, dass alle DNS-Einstellungen erfolgreich konfiguriert wurden. Die Übersetzungsfunktion ist nutzbar, sobald alle DNS-Einträge in Ihrer Domain propagiert sind. Dies dauert in der Regel 20 bis 30 Minuten.
Für die manuelle Installation können Sie die folgenden Schritte befolgen.
Schritt 3: DNS-Einträge kopieren
Bei der manuellen Installation werden Sie auf eine Seite weitergeleitet, auf der 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-DNS-Konfiguration.
Öffnen Sie anschließend Ihren Domain-Manager und navigieren Sie zum Bereich „DNS-Einstellungen“. Folgen Sie den Anweisungen zum Kopieren:
- Ein TXT-Eintrag zur Domainverifizierung
- 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 wie folgt aussehen.
Schritt 4: DNS überprüfen
Nachdem Sie alle Ihre Einträge zu Ihrem Domain-DNS hinzugefügt haben, klicken Sie auf die Schaltfläche „DNS-Konfiguration prüfen“, um die DNS-Propagation zu überprüfen.
Die DNS-Validierung dauert in der Regel 30 Minuten bis 1 Stunde. Nach Abschluss der Validierung werden im Linguise Dashboard neben der DNS-Liste grüne Indikatoren angezeigt. Sie können Ihre Bubble-Website nun fast übersetzen; es fehlt nur noch die Verlinkung zum Sprachumschalter mit Länderflaggen.
Schritt 5: Sprachumschalter aktivieren
Der Sprachumschalter ist ein Popup-Fenster, mit dem Nutzer ihre bevorzugte Sprache auswählen können. Um ihn zu implementieren, kopieren Sie den Code, den Sie am Ende der Domainregistrierung oder in den Domaineinstellungen finden, in den Header Ihrer Bubble-Webseiten. Der Sprachumschalter wird dann automatisch auf Ihrer öffentlichen Webseite angezeigt.
Gehen Sie als Nächstes zu Ihrem Bubble -Website-Panel. Klicken Sie im Menü der linken Seitenleiste „Einstellungen“
Scrollen Sie unter „Erweiterte Einstellungen“ „Skript-/Meta-Tags im Header“ Fügen Sie das zuvor kopierte Linguise
Schritt 5: Hauptanzeige konfigurieren
Um den Sprachumschalter einzurichten, navigieren Sie im Linguise „Einstellungen“ > „Sprachflaggenanzeige“ . Auf dieser Seite können Sie verschiedene Einstellungen anpassen.
- Flaggen-Symbolstil: Wählen Sie aus drei Optionen: nebeneinanderliegende Anzeige, Dropdown-Menü oder Popup.
- Position: Wählen Sie aus, wo der Sprachumschalter auf Ihrer Website angezeigt werden soll. Es stehen verschiedene Positionen zur Verfügung; achten Sie darauf, dass er für Besucher leicht zugänglich ist.
Sie können die Anzeige von Flaggen und Sprachnamen, Flaggen und Sprachabkürzungen oder nur von Sprachnamen kombinieren. Die Verwendung von Flaggen und Sprachnamen wird für eine einfachere Benutzererkennung empfohlen.
Schritt 6: Flaggenentwurf festlegen
Nach der Konfiguration des Hauptdisplays können Sie das Design der anzuzeigenden Flaggen weiter anpassen.
- Sprachname anzeigen: Sie können den Sprachnamen entweder anhand des Ländernamens oder des Sprachnamens selbst anzeigen lassen. Beispielsweise könnten Sie „Französisch“ oder „Français“ anzeigen lassen.
- Englischer Flaggentyp: Diese Option ist nützlich für Sprachen mit mehreren Varianten, wie z. B. US-amerikanisches oder britisches Englisch (und gilt auch für Spanisch, Taiwanesisch, Deutsch und Portugiesisch).
- Flaggenstil: Wählen Sie die Form des Flaggensymbols, entweder rund oder rechteckig.
Schritt 7: Farbe und Größe anpassen
Nachdem Sie das Flaggen-Design konfiguriert haben, können Sie Farbe und Größe der Flaggen weiter anpassen. Hier sind die Einstellungen, die Sie ändern können:
- Radius der Flaggenränder: Passen Sie den Radius in Pixeln für den rechteckigen Flaggenstil an.
- Farbe des Sprachnamens: Wählen Sie die Standardtextfarbe für die Anzeige des Sprachnamens.
- Sprachfarbe im Popup: Legen Sie die Farbe des Sprachtitels im Popup- oder Dropdown-Bereich fest.
- Flaggengröße: Passen Sie die Größe der Flaggensymbole an.
- Farbe beim Überfahren des Sprachnamens mit der Maus: Legen Sie die Textfarbe fest, die erscheint, wenn der Benutzer mit der Maus über den Sprachnamen fährt.
- Sprachfarbe im Popup-Menü: Legen Sie die Textfarbe fest, die erscheint, wenn der Benutzer mit der Maus über den Sprachtitel im Popup- oder Dropdown-Bereich fährt.
Schritt 8: Festlegen des Flaggenfeldschattens
Abschließend können Sie die Einstellungen für den Flaggenschatten anpassen. Mit der ersten Option können Sie jedem Flaggensymbol auf Ihrer Website einen Schatteneffekt zuweisen. Die nächste Option steuert den Schatteneffekt, der beim Überfahren der Sprachflaggen mit der Maus angezeigt wird.
Nachdem Sie alle gewünschten Anpassungen vorgenommen haben, klicken Sie auf „Speichern“, um die Änderungen zu übernehmen. Besuchen Sie anschließend 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.
Bewährte Methoden zur Optimierung des Sprachumschalters auf Bubble
Nach erfolgreicher Einrichtung des Sprachumschalters auf einer mehrsprachigen Bubble -Website 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 erkennbares Sprachflaggenlogo
Bei der Implementierung eines Sprachumschalters auf Ihrer Bubble-Website ist die Verwendung leicht erkennbarer Sprachflaggen oder -symbole unerlässlich. Diese visuellen Hinweise helfen Nutzern, ihre bevorzugte Sprache schnell zu erkennen und auszuwählen. Beispielsweise wird ein Globus-Symbol allgemein als Darstellung der Sprachoptionen verstanden. Alternativ können Sie Länderflaggen verwenden, beachten Sie jedoch, dass dies mitunter problematisch sein kann, da Sprachen nicht immer an ein einzelnes Land gebunden sind.
Beispiel: Auf der Amazon-Website wird in der oberen Navigationsleiste neben der aktuell ausgewählten Sprache (z. B. „EN“) ein kleines Globus-Symbol angezeigt. Dieser einfache, aber effektive Ansatz ermöglicht es Nutzern, die Sprachoptionen unabhängig von ihrer aktuellen Spracheinstellung schnell zu finden.
Sprachnamen neben Flaggen einfügen
Flaggen können zwar hilfreich sein, sollten aber nicht allein verwendet werden. Die Angabe des Sprachnamens in der jeweiligen Landesschrift neben der Flagge oder dem Symbol sorgt für Klarheit und vermeidet Verwechslungen. Dies ist besonders wichtig für Sprachen, die in mehreren Ländern oder Regionen gesprochen werden.
Beispiel: Die Sprachauswahl auf der Airbnb-Website zeigt den Sprachnamen und die Länderflagge an. So wird beispielsweise „Englisch (USA)“ mit der US-Flagge und „Französisch“ mit der französischen Flagge angezeigt. Diese Kombination stellt sicher, dass Nutzer ihre bevorzugte Sprache eindeutig erkennen können.
Positionieren Sie die Sprachumschalttaste mit Bedacht
Die Platzierung des Sprachumschalters ist für die Benutzerfreundlichkeit entscheidend. Gängige Positionen sind die obere rechte Ecke der Kopfzeile, die Fußzeile oder das Hauptnavigationsmenü. Wichtig ist, dass er leicht auffindbar ist, ohne den Hauptinhaltsbereich zu überladen.
Beispiel: Auf der Website tiffany.com befindet sich der Sprachumschalter unten rechts auf der Seite und ist somit immer sichtbar und leicht zugänglich. Durch diese einheitliche Platzierung können Nutzer die Sprachoptionen schnell finden und nutzen, unabhängig davon, wo sie sich auf der Website befinden.
Gestalten Sie den Sprachumschalter responsiv
Stellen Sie sicher, dass Ihre Sprachauswahl auf allen Geräten, von Desktop-Computern bis hin zu Smartphones, einwandfrei funktioniert. Auf kleineren Bildschirmen müssen Sie das Design möglicherweise anpassen – beispielsweise durch die Verwendung eines Dropdown-Menüs anstelle einer horizontalen Optionsliste.
Beispiel: Die Sprachauswahl der UNESCO-Website passt sich optimal an verschiedene Geräte an. Auf Desktop-Computern erscheint sie als horizontale Liste in der Kopfzeile. Auf Mobilgeräten wird sie in ein kompaktes Dropdown-Menü umgewandelt, wodurch die Benutzerfreundlichkeit gewährleistet wird, ohne das mobile Layout zu beeinträchtigen.
Stellen Sie sicher, dass die Sprachauswahl auf allen Seiten einheitlich funktioniert
Sorgen Sie dafür, dass Design, Funktionalität und Position des Sprachumschalters auf allen Seiten Ihrer Bubble-Website einheitlich sind. Diese Konsistenz erleichtert Nutzern die Navigation, da sie unabhängig von der aktuellen Seite genau wissen, wo sie die Sprachoptionen finden.
Beispiel: Die Website verwendet auf allen Seiten, von der Startseite über die Produktseiten bis hin zum Bestellvorgang, einheitlich die Sprachauswahl in der Fußzeile. Diese Einheitlichkeit gewährleistet, dass Nutzer während des Surfens oder Einkaufens jederzeit problemlos die Sprache wechseln können.
Richten Sie mit Linguiseeinen Sprachumschalter auf der mehrsprachigen Bubble -Website ein!
Sie wissen nun, wie Sie die Sprache für die mehrsprachige Website Bubbleauswählen. Das Lesen des Sprachauswahlmenüs bietet verschiedene Vorteile und kann, basierend auf den zuvor genannten Punkten, zu weiteren Optimierungen führen.
Durch eine effektive Optimierung der Sprachauswahl lässt sich die Benutzerfreundlichkeit deutlich verbessern. Registrieren Sie sich für ein Linguise Konto, integrieren Sie es in Ihre Bubble -Website und passen Sie die Sprachauswahl individuell an, um die Benutzerfreundlichkeit zu optimieren.
