Das Einrichten eines Sprachumschalters auf der Bubble.io -Website kann es Nutzern erleichtern, die Sprache zu wechseln. Diese Funktion ist besonders wertvoll für Anwendungen mit einem globalen Publikum, da sie es Nutzern ermöglicht, mit der Plattform in ihrer bevorzugten Sprache zu interagieren. Bubble.io, eine beliebte No-Code-Entwicklungsplattform, bietet integrierte Lokalisierungsfunktionen, mit denen Entwickler mehrsprachige Anwendungen ohne umfangreiche Programmierkenntnisse erstellen können.
Um einen Sprachumschalter in Bubble.io zu implementieren, definieren Entwickler in der Regel zunächst die Sprachen, 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 besprechen wir die Einrichtung eines Sprachumschalters auf Bubble.io mit einer der automatischen Übersetzungsdienste-Websites.
Warum ist ein Sprachumschalter auf der Bubble-Website wichtig?
Das Hinzufügen eines Sprachumschalters auf einer Website hat seinen Grund. Hier erfahren Sie, warum Sie einen auf einer Bubble -Website einrichten sollten.
- Erleichtert Nutzern in anderen Ländern den Zugang: Ein Sprachumschalter ermöglicht internationalen Nutzern, die Website in ihrer Muttersprache anzuzeigen. Zum Beispiel kann ein spanischer Nutzer, der einen Online-Shop besucht, auf Spanisch umschalten, wodurch es einfacher wird, Produktdetails zu verstehen und Käufe abzuschließen. Studien von CSA Research zeigen, dass 76% der Online-Käufer Produkte lieber kaufen, wenn Informationen in ihrer Sprache verfügbar sind, was die Bedeutung dieser Funktion für Nutzerkomfort und Barrierefreiheit unterstreicht.
- Optimierung der Website in den Suchergebnissen anderer Länder: Mit einem Sprachumschalter kann Ihre Bubble.io-Website in fremdsprachigen Suchen besser ranken. Zum Beispiel wird eine französische Version Ihrer Website mit größerer Wahrscheinlichkeit in französischen Google-Suchen erscheinen. Diese verbesserte Sichtbarkeit kann den internationalen Traffic erheblich steigern.
- Steigerung der Verkaufskonversion: Inhalte in mehreren Sprachen anzubieten, kann den Umsatz steigern. Eine Online-Kursplattform, die es Nutzern ermöglicht, die Sprache zu wechseln, kann ein breiteres Publikum anziehen und die Anmeldezahlen erhöhen. Dieser Ansatz ist effektiv, weil Verbraucher eher bei Websites kaufen, die Informationen in ihrer Muttersprache bereitstellen, was sich direkt auf Ihre Konversionsraten auswirkt.
- Verbessert Nutzerengagement und -bindung: Ein Sprachumschalter kann Nutzer länger auf Ihrer Website halten. Beispielsweise bleiben Nutzer, die in ihrer bevorzugten Sprache in einer Social-Networking-App interagieren, tendenziell länger engagiert. Dieses gesteigerte Engagement ist bedeutend, da Nutzer in der Regel doppelt so viel Zeit auf Websites in ihrer Muttersprache verbringen wie auf solchen in einer Zweitsprache, was zu einer besseren Nutzerbindung führt.
Wie man einen Sprachumschalter in Bubble.io einrichtet
Nachdem wir nun die Bedeutung des Sprachwechsels auf mehrsprachigen Bubble.io-Websites verstanden haben, wollen wir besprechen, wie man ihn implementiert. Website-Übersetzungsdienste bieten in der Regel diese Funktion an, die an die Bedürfnisse des Nutzers angepasst werden kann.
Allerdings bieten nicht alle Übersetzungsdienste anpassbare und benutzerfreundliche Sprachumschalter. Daher ist es sehr wichtig, einen automatischen Übersetzungsdienst zu wählen, der mit verschiedenen Frameworks kompatibel ist und flexible Funktionen zum Sprachwechsel bietet.
Ein automatischer Übersetzungsdienst, der diese Kriterien erfüllt, ist Linguise. Linguise automatische Übersetzung bietet eine hochgradig anpassbare und benutzerfreundliche Sprachwechselfunktion, die sich in beliebte CMS und Website-Builder wie Bubble.io integriert.
Linguise bietet eine nahtlose Integration mit dem Bubble, sodass Entwickler die Sprachumschaltung einfach in ihre mehrsprachigen Anwendungen integrieren können. Durch die Nutzung der erweiterten Funktionen und der benutzerfreundlichen Oberfläche von Linguisekönnen Sie die Einrichtung und Pflege von Sprachwechslern auf Ihrer Bubble -Website vereinfachen.
Hier sind die Schritte, um Linguise Linguise auf einer Bubble.io-Website zu installieren und den Sprachumschalter einzurichten.
Schritt 1: Linguise -Konto registrieren
Beginne damit, ein kostenloses Linguise -Konto zu erstellen und deine Website-Domain hinzuzufügen. Du kannst die 30-tägige kostenlose Testversion nutzen, bevor du dich für einen Abonnementplan entscheidest.
Dann müssen Sie Ihre Domain registrieren, um die Übersetzung zu autorisieren. Kopieren Sie Ihren Domainnamen, einschließlich „https://“, und wählen Sie „other“ als Plattform aus.
Wählen Sie als Nächstes Ihre Ausgangs- und Zielsprachen aus.
Schritt 2: DNS automatisch mit Entri hinzufügen
Nachdem Sie Ihre Website im Linguise -Dashboard registriert haben, haben Sie zwei Installationsoptionen.
Für das automatische Hinzufügen von DNS-Einträgen klicken Sie auf „Verbinden Sie Ihren DNS automatisch.“ 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.
Wenn Sie auf die Schaltfläche klicken, wird Entri aufgefordert, Ihre registrierte Website-URL zu analysieren und Ihre öffentlichen DNS-Einträge zu prüfen, um den erforderlichen Anbieter und die DNS-Einträge zu identifizieren.
Klicken Sie als Nächstes auf “Mit [Ihrem Domain-Anbieter] autorisieren” (z. B. Cloudflare). Diese Aktion leitet Sie zur Anmeldeseite Ihres Domain-Anbieters weiter, wo Sie sich anmelden und fortfahren können.
Nach der Anmeldung fügt Entri automatisch die entsprechenden DNS-Einträge hinzu – einen DNS pro Sprache und einen TXT-DNS für den Validierungsschlüssel – zu Ihrer Domain.
Nach der Autorisierung benachrichtigt Entri Sie, dass alle DNS-Einstellungen erfolgreich konfiguriert wurden. Die Übersetzungsfunktion sollte nutzbar sein, sobald alle DNS-Einträge in Ihrer Domain propagiert sind, was in der Regel 20 bis 30 Minuten dauert.
Für die manuelle Installation können Sie die unten aufgeführten Schritte befolgen.
Schritt 3: DNS-Einträge kopieren
Bei der manuellen Installation wirst du auf einen Bildschirm weitergeleitet, der die DNS-Einträge anzeigt, die für die Einrichtung deiner mehrsprachigen Seiten benötigt werden, wie 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 Domain-Manager auf und navigieren Sie zum DNS-Einrichtungsbereich. Befolgen Sie die Anweisungen zum Kopieren:
- Ein TXT-Eintrag zur Domain-Verifizierung
- Ein oder mehrere CNAME-Einträge für die Sprachen
Hier sind Beispiele für jeden Datensatztyp (TXT und CNAME).
Sobald Sie alle Ihre Einträge hinzugefügt haben, sollte Ihre Konfiguration so aussehen.
Schritt 4: DNS überprüfen
Nachdem Sie alle Ihre Einträge zum DNS Ihrer Domain hinzugefügt haben, klicken Sie auf die Schaltfläche „DNS-Konfiguration prüfen“, um die DNS-Propagierung zu überprüfen.
Die DNS-Validierung dauert in der Regel etwa 30 Minuten bis 1 Stunde. Nach Abschluss solltest du im Linguise -Dashboard grüne Indikatoren neben der DNS-Liste sehen. Du bist fast bereit, deine Bubble.io-Website zu übersetzen; es fehlt nur noch die Verknüpfung mit dem Sprachumschalter mit Länderflaggen.
Schritt 5: Aktivieren und Sprachumschalter
Der Sprachumschalter ist ein Flaggen-Popup, mit dem Nutzer ihre bevorzugte Sprache auswählen können. Um ihn 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-Website-Seiten. Der Flaggen-Sprachumschalter erscheint dann automatisch auf Ihrer öffentlichen Website.
Gehe als Nächstes zu deinem Bubble -Website-Panel. Klicke im linken Seitenleistenmenü auf „Einstellungen“ und wähle „SEO / Metatags“ aus.
Scrollen Sie nach unten zu „Script/Meta-Tags im Header“ unter „Erweiterte Einstellungen.“ Fügen Sie das Linguise -Skript ein, das Sie zuvor kopiert haben, klicken Sie dann auf „Speichern“ und veröffentlichen Sie Ihre Website.
Schritt 5: Hauptanzeige konfigurieren
Um mit der Einrichtung des Sprachumschalters zu beginnen, navigieren Sie zum „Einstellungen“ > „Sprachflaggen-Anzeige“ -Bereich im Linguise -Dashboard. Auf dieser Seite können Sie mehrere Einstellungen anpassen
- Stil des Flaggen-Symbols: Wählen Sie aus drei Optionen: nebeneinander angezeigte Darstellung, Dropdown-Menü oder Popup.
- Position: Wählen Sie aus, wo der Sprachumschalter auf Ihrer Website angezeigt werden soll. Es stehen verschiedene Positionierungsoptionen zur Verfügung; stellen Sie sicher, dass er für Besucher leicht zugänglich ist.
Sie können die Anzeige von Flaggen und Sprachnamen, Flaggen und Sprachabkürzungen oder nur Sprachnamen kombinieren. Die Verwendung von Flaggen und Sprachnamen wird empfohlen, um die Wiedererkennung für Nutzer zu erleichtern.
Schritt 6: Legen Sie das Design der Flagge fest
Nach der Konfiguration der Hauptanzeige können Sie das Design der angezeigten Flaggen weiter anpassen.
- Sprachnamen anzeigen: Sie können wählen, ob der Sprachname basierend auf dem Ländernamen oder dem Sprachnamen selbst angezeigt wird. Zum Beispiel könnten Sie „Französisch“ oder „Français“ anzeigen.
- Englischer Flaggentyp: Diese Option ist nützlich für Sprachen mit mehreren Varianten, wie US-amerikanisches oder britisches Englisch (und gilt auch für Spanisch, Taiwanesisch, Deutsch und Portugiesisch).
- Flaggenstil: Wählen Sie die Form des Flaggen-Symbols, entweder rund oder rechteckig.
Schritt 7: Farbe und Größe anpassen
Nach der Konfiguration des Flaggen-Designs können Sie die Farbe und Größe der Flaggen weiter anpassen. Hier sind die Einstellungen, die Sie anpassen können:
- Radius des Flaggenrahmens: Passen Sie den Radius in Pixeln für den rechteckigen Flaggenstil an.
- Farbe des Sprachnamens: Wählen Sie die Standard-Textfarbe für die Anzeige des Sprachnamens.
- Farbe der Popup-Sprache: Legen Sie die Farbe des Sprachttiteltextes im Popup- oder Dropdown-Bereich fest.
- Flaggengröße: Passen Sie die Größe der Flaggen-Symbole an.
- Farbe beim Überfahren des Sprachnamens: Legen Sie die Textfarbe fest, die angezeigt wird, wenn der Benutzer mit der Maus über den Sprachnamen fährt.
- Popup-Sprache Hover-Farbe: Legen Sie die Textfarbe fest, die angezeigt wird, wenn der Benutzer mit der Maus über den Sprachtitel im Popup- oder Dropdown-Bereich fährt.
Schritt 8: Den Schatten der Flaggenbox festlegen
Schließlich können Sie die Schatteneinstellungen für das Flaggenfeld anpassen. Die erste Option ermöglicht es Ihnen, einen Schatteneffekt auf jedes auf Ihrer Website angezeigte Flaggen-Symbol anzuwenden. Die nächste Option steuert den Schatteneffekt, wenn Benutzer mit der Maus über die Sprachflaggen fahren.
Sobald Sie alle gewünschten Anpassungen vorgenommen haben, klicken Sie auf die Schaltfläche „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 Bubble mehrsprachigen Website funktioniert.
Als Nächstes können Sie die Website in andere Sprachen wie Spanisch übersetzen.
Best Practices zur Optimierung des Sprachumschalters auf Bubble.io
Nachdem der Sprachumschalter auf einer Bubble mehrsprachigen Website erfolgreich eingerichtet wurde, ist es wichtig, Tipps zur Optimierung des Sprachumschalters sowohl für Ihre Website als auch für Besucher zu berücksichtigen.
Verwenden Sie ein leicht erkennbares 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 Nutzern, ihre bevorzugte Sprache schnell zu erkennen und auszuwählen. Ein Globus-Symbol beispielsweise wird allgemein als Darstellung für Sprachoptionen verstanden. Alternativ könnten Sie Länderflaggen verwenden, aber bedenken Sie, dass dies manchmal 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 einbinden
Flaggen können hilfreich sein, sollten jedoch nicht allein verwendet werden. Wenn der Name der Sprache in ihrer eigenen Schrift zusammen mit der Flagge oder dem Symbol angegeben wird, sorgt das 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 Länderflagge an. Zum Beispiel zeigt er „English (US)“ mit der US-Flagge und „Français“ mit der französischen Flagge. Diese Kombination stellt sicher, dass Nutzer ihre bevorzugte Sprachoption genau erkennen können.
Positionieren Sie die Schaltfläche für den Sprachwechsler durchdacht
Die Platzierung Ihres Sprachumschalters ist entscheidend für die Benutzerfreundlichkeit. Übliche Positionen sind die obere rechte Ecke der Kopfzeile, der Footer oder das Hauptnavigationsmenü. Entscheidend ist, dass er leicht zu finden ist, ohne den Hauptinhalt zu überladen.
Beispiel: Auf der Website tiffany.com befindet sich der Sprachumschalter in der unteren rechten Ecke der Seite und ist immer sichtbar und zugänglich. Diese konsistente Platzierung stellt sicher, dass Nutzer die Sprachoptionen schnell finden und nutzen können, unabhängig davon, wo sie sich auf der Website befinden.
Gestalten 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 das Design möglicherweise anpassen – zum Beispiel ein Dropdown-Menü anstelle einer horizontalen Liste von Optionen verwenden.
Beispiel: Der Sprachumschalter der UNESCO-Website passt sich hervorragend an verschiedene Geräte an. Auf dem Desktop erscheint er als horizontale Liste im Header. Auf Mobilgeräten verwandelt er sich in ein kompaktes Dropdown-Menü, das die Benutzerfreundlichkeit gewährleistet, ohne das mobile Layout zu beeinträchtigen.
Stellen Sie sicher, dass die Sprachauswahl auf allen Seiten einheitlich funktioniert
Behalte das gleiche Design, die gleiche Funktionalität und die gleiche Position deines Sprachumschalters auf allen Seiten deiner Bubble.io-Website bei. Diese Konsistenz hilft Nutzern, sich auf deiner Website effizienter zurechtzufinden, da sie genau wissen, wo sie die Sprachoptionen finden – unabhängig von der aktuellen Seite.
Beispiel: Die Website behält ihren Sprachumschalter auf allen Seiten konsistent im Footer bei, von der Startseite über Produktseiten bis hin zum Checkout-Prozess. Diese Konsistenz stellt sicher, dass Nutzer jederzeit während ihres Browsing- oder Einkaufserlebnisses einfach die Sprache wechseln können.
Richten Sie einen Sprachumschalter auf der mehrsprachigen Bubble -Website mit Linguiseein!
Jetzt wissen Sie bereits, wie Sie die Sprache für die mehrsprachige Website von Bubble.io auswählen. Das Auslesen des Sprachauswahlmenüs kann verschiedene Vorteile bieten und basierend auf den zuvor genannten Punkten zu einer weiteren Optimierung führen.
Die effektive Optimierung des Sprachumschalters kann die Nutzererfahrung erheblich verbessern. Melden Sie sich für ein Linguise -Konto an, integrieren Sie es in Ihre Bubble.io-Website und passen Sie den Sprachumschalter an, um die Nutzererfahrung zu verbessern.
