Haben Sie eine Website mit Bubble , die Sie in verschiedene Sprachen übersetzen möchten, um sie für externe Kunden zugänglich zu machen? Bubble.io Bubble eine leistungsstarke und flexible No-Code-Plattform, die eine optimale Umgebung für die Entwicklung und Verwaltung von Webanwendungen bietet. Durch die Integration der automatischen Übersetzung in Ihre Bubble -App vereinfachen Sie die Erstellung und Pflege mehrsprachiger Inhalte, sparen Zeit und Ressourcen und gewährleisten gleichzeitig ein konsistentes und hochwertiges Nutzererlebnis in allen Sprachen.
In diesem Artikel werden wir daher erläutern, wie man mithilfe eines automatischen Übersetzungsdienstes auf der Bubble-Website auf einfache Weise eine automatische Übersetzung implementieren kann.
Der Vorteil der Implementierung automatischer Übersetzungen auf Bubble
Die Implementierung einer automatischen Übersetzung auf der Bubble-Website kann verschiedene Vorteile bieten, darunter die folgenden.
- Weltweiter Marktzugang: Dank automatischer Übersetzung erreicht Ihre Bubble -App Nutzer weltweit. So kann beispielsweise eine ursprünglich englischsprachige Rezept-App sofort für Feinschmecker in Japan, Brasilien und Frankreich verfügbar werden, sodass diese Rezepte in ihrer Muttersprache entdecken und beitragen können.
- Erhöhte Benutzerzufriedenheit: Inhalte in der bevorzugten Sprache eines Benutzers führen zu einem angenehmeren und intensiveren Erlebnis. Beispiel: Eine Reiseplanungs-App, die Reiserouten, Bewertungen und lokale Empfehlungen automatisch in die Sprache des Benutzers übersetzt, kann sein Reiseplanungserlebnis erheblich verbessern.
- Höheres Conversion-Potenzial: Benutzer tätigen eher Einkäufe oder melden sich für Dienste an, wenn die Informationen in ihrer Muttersprache präsentiert werden. Beispielsweise könnte eine Online-Kursplattform nach der Einführung der automatischen Übersetzung einen Anstieg der Einschreibungen aus spanischsprachigen Ländern verzeichnen, da potenzielle Studierende nun die Kursbeschreibungen und -vorteile vollständig verstehen können.
- Verbesserte Sichtbarkeit in der Suche: Mehrsprachige Inhalte verbessern die Chancen Ihrer App, in den Suchergebnissen in verschiedenen Regionen und Sprachen zu erscheinen. Beispielsweise könnte eine Jobsuch-App, die automatisch übersetzte Stellenangebote und Lebenslauftipps bietet, in mehreren Ländern bei der Suche in der Landessprache auftauchen und so Arbeitssuchende anziehen, die die Plattform zuvor nicht finden konnten.
Beispiele für mehrsprachige Websites mit Bubble
Laut trends.builtwith.com nutzen über 55.000 Websites Bubble , um Ihnen eine Vorstellung davon zu geben, ob Sie die Erstellung einer mehrsprachigen Website mit Bubble .
Fanova.io
Fanova ist ein hervorragendes Beispiel für eine Website, die mit Bubbleerstellt wurde. Sie verbindet Fans mit ihren Lieblings-Content-Erstellern und ermöglicht es ihnen, exklusive Inhalte zu abonnieren. Die Website demonstriert eindrucksvoll die Fähigkeit von Bubble, anspruchsvolle und benutzerfreundliche Anwendungen mit fortschrittlichen Funktionen wie Mehrsprachigkeit zu entwickeln.
Der Sprachumschalter unten links bietet Optionen für Englisch, Spanisch und brasilianisches Portugiesisch. Dank dieses mehrsprachigen Ansatzes kann Fanova ein vielfältiges, internationales Publikum in Nordamerika, Lateinamerika und Brasilien ansprechen. Mithilfe der Funktionen von Bubblekann Fanova Inhalte in mehreren Sprachen verwalten und präsentieren und dabei ein einheitliches Design beibehalten. Dies verbessert die Benutzerfreundlichkeit für Besucher mit unterschiedlichem sprachlichen Hintergrund.
IC-academy.io
Impact Creative Academy (ICA) ist die Fähigkeit der Plattform, professionelle und funktionale Webanwendungen zu erstellen. Die Website bietet KI-gestützte Karriereressourcen, darunter kostenlose Kurse, Stipendienwettbewerbe und Bewerbungsmöglichkeiten. Das klare Design zeichnet sich durch eine prominente Überschrift, ein prägnantes Wertversprechen und einen ansprechenden Call-to-Action-Button „Eintauchen“ aus.
Ein bemerkenswertes Merkmal der ICA-Website ist der Sprachumschalter oben rechts, mit dem Nutzer zwischen Englisch und Arabisch wählen können. Diese Mehrsprachigkeit zeigt, wie Bubbleeffektiv global zugängliche Plattformen entwickeln kann. Durch die Bereitstellung von Inhalten in Englisch und Arabisch erreicht ICA eine vielfältige Nutzerbasis in englischsprachigen Ländern und der arabischen Welt.
Wie man automatische Übersetzungen auf Bubbleimplementiert
Nachdem wir Beispiele mehrsprachiger Websites, die mit Bubbleerstellt wurden, untersucht haben, werden wir uns damit beschäftigen, wie man automatische Übersetzungen mithilfe eines Übersetzungsdienstes implementiert. Viele Dienste können Websites schnell und einfach mit nur wenigen Konfigurationsschritten übersetzen. Ein solcher Dienst ist Linguise.
Linguise lässt sich in verschiedene CMS-Plattformen und Webseiten-Baukästen integrieren, darunter auch in Bubble . Hier sind die Schritte zur Installation Linguise auf Bubble .
#1 Registrieren Sie Ihre Domain-Website
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.
Als Nächstes werden Sie aufgefordert, Ihre Domain zu registrieren, um die Übersetzung zu autorisieren. Kopieren Sie dazu Ihren Domainnamen inklusive „https://“ und wählen Sie als Plattform „andere“ aus.
Wählen Sie als Nächstes Ihre Ausgangs- und Zielsprache aus.
#2 Domänen-DNS mithilfe der Eingabe automatisch hinzufügen
Nachdem Sie Ihre Website erfolgreich im Linguise Dashboard registriert haben, haben Sie zwei Möglichkeiten, mit der Installation fortzufahren.
Wenn Sie die DNS-Einträge lieber automatisch hinzufügen möchten, können Sie auf „DNS automatisch verbinden“ klicken. Diese Funktion namens Entri verwaltet die DNS-Einträge für Sie und erleichtert so den Installationsprozess. Alternativ können Sie die DNS-Einträge manuell zu Ihrem Domain-Anbieter kopieren.
Nachdem Sie auf die Schaltfläche geklickt haben, analysiert Entri die URL Ihrer registrierten Website und untersucht Ihre öffentlichen DNS-Einträge. Basierend auf dieser Analyse werden die erforderlichen Anbieter und DNS-Einträge identifiziert.
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 sich bei Ihrem Domain-Anbieter angemeldet haben, erledigt Entri den Rest und fügt automatisch die entsprechenden DNS-Einträge hinzu – einen DNS pro Sprache und einen TXT-DNS für den Validierungsschlüssel. Sie sollten die zu Ihrer Domain hinzugefügten DNS-Einträge sehen, wie zum Beispiel:
Nach der Autorisierung benachrichtigt Sie Entri, dass alle DNS-Einstellungen erfolgreich konfiguriert wurden. Sie sollten die Übersetzungsfunktion nutzen können, sobald alle DNS-Einträge auf Ihrer Domain verbreitet wurden, was normalerweise etwa 20 bis 30 Minuten dauert.
Wenn Sie die manuelle Installation , können Sie diese auch manuell durchführen, indem Sie die unten aufgeführten Schritte ausführen.
#3 DNS-Einträge kopieren
Wenn Sie die manuelle Installation bevorzugen, werden Sie zu einem Bildschirm mit den DNS-Einträgen weitergeleitet, die zum Einrichten Ihrer mehrsprachigen Seiten erforderlich sind, z. B. fr.domain.com oder es.domain.com.
Kopieren Sie diese wichtigen Elemente in Ihre Bubble-DNS-Konfiguration.
Stellen Sie als Nächstes eine Verbindung zu Ihrem Domänenmanager her und greifen Sie auf den DNS-Setup-Bereich zu. Befolgen Sie dann die Anweisungen zum Kopieren.
- Ein TXT-Eintrag zur Domain-Verifizierung
- Ein oder mehrere CNAME-Einträge für die Sprachen
Hier finden Sie Beispiele für jeden Datensatztyp (TXT und CNAME).
Sobald Sie alle Ihre Datensätze hinzugefügt haben, sollte Ihre Konfiguration dieser ähneln.
#4 DNS überprüfen
Nachdem Sie alle Ihre Einträge zu Ihrem Domain-DNS hinzugefügt haben, können Sie die DNS-Weitergabe überprüfen, indem Sie auf die Schaltfläche „DNS-Konfiguration prüfen“ klicken.
Die DNS-Validierung dauert in der Regel 30 Minuten bis 1 Stunde. Danach sollten Sie im Linguise Dashboard rechts neben der DNS-Liste grüne Indikatoren sehen. Sie können Ihre Bubble -Website fast übersetzen; es fehlt lediglich noch der Link zum Sprachumschalter mit Länderflaggen.
#5 Dynamische Übersetzung aktivieren
Aus technischer Sicht integriert Bubble JavaScript-codierte Module, CSS und HTML in eine funktionale Node.js-Anwendung. Die Programmiersprache von Bubblebasiert auf JSON.
Mit unserer Funktion „Dynamische Übersetzung“ können Sie Inhalte auf Ihrer Bubble-Website mühelos übersetzen, auch solche, die asynchron (dynamisch) nach dem ersten Seitenaufruf geladen werden. Diese Verbesserung sorgt für ein reibungsloseres mehrsprachiges Erlebnis für Ihre Besucher!
Um diese Funktion zu verwenden, klicken Sie unten auf der Seite „Einstellungen“ auf „Ja“.
#6 Aktivieren und passen Sie das Design des Sprachumschalters an
Der Sprachumschalter ist ein Popup-Fenster, mit dem Sie die gewünschte Sprache auswählen können. Um ihn zu implementieren, kopieren Sie den bereitgestellten Code in den Header Ihrer Bubble-Webseiten. Der Sprachumschalter wird dann automatisch auf Ihrer öffentlichen Webseite angezeigt.
Der Link zum Kopieren befindet sich am Ende des Domain-Registrierungsprozesses oder in den Domain-Einstellungen. Kopieren Sie den Link unbedingt in Ihre Zwischenablage.
Navigieren Sie als Nächstes zu Ihrem Bubble -Website-Panel. Klicken Sie im Menü der linken Seitenleiste auf „Einstellungen“ und wählen Sie dann „SEO / Metatags“ aus.
Scrollen Sie im Einstellungsmenü leicht nach unten, bis Sie unter „Erweiterte Einstellungen“ „Skript-/Meta-Tags im Header“
Fügen Sie das zuvor kopierte Linguise „Speichern“ und veröffentlichen Sie Ihre Website.
Sie können den Sprachumschalter über das Linguise -Dashboard anpassen, indem Sie zu Einstellungen > Anzeige der Sprachflaggen navigieren. Alle hier vorgenommenen Änderungen werden auf der Website widergespiegelt.
Auf der rechten Seite des Bildschirms sehen Sie eine Vorschau des Sprachumschalters. Hier sind die Elemente, die Sie konfigurieren können.
- Drei Layouts: nebeneinander, Dropdown oder Popup
- Position des Sprachumschalters
- Inhalt des Sprachumschalters
- Sprachnamen in Englisch oder ihrer Muttersprache
- Formen und Größen der Flaggen
- Farben und Kastenschatten
#7 Automatische Übersetzung Ihrer Website Bubble
Hier sehen Sie, wie Bubbleaussieht, wenn es mit dem automatischen Übersetzungsdienst von Linguiseübersetzt wird.
Übersetzen Sie Ihre Bubble-Website automatisch mit Linguise
Der Übersetzungsdienst Linguise ermöglicht die nahtlose Integration automatischer Übersetzungen in Ihre Bubble -Website. Als führender Übersetzungsdienst unterstützt er über 80 Sprachen und ist mit über 40 CMS-Plattformen, darunter auch Bubble . Dank dieser Integration erstellen Sie mühelos eine mehrsprachige Website und verbessern so das Nutzererlebnis.
Front-End-Live-Editor-Übersetzung
Linguise bietet außerdem einen Front-End-Live-Editor , der bei Bedarf schnelle Anpassungen der Übersetzungen ermöglicht. Dieses Tool stellt sicher, dass Übersetzungen korrekt bleiben und ermöglicht schnelle Änderungen. Darüber hinaus können Sie mit professionellen Übersetzern zusammenarbeiten, um kulturelle und kontextbezogene Präzision sicherzustellen.
Mehrsprachige SEO-Unterstützung
Durch seine mehrsprachigen SEO-Funktionen Linguise Linguise die Sichtbarkeit Ihrer Website in Suchmaschinen verbessern, indem es deren SEO optimiert . Es generiert mehrsprachige Sitemaps, erstellt Hreflang-Codes und Tags, richtet kanonische URLs ein und übersetzt URLs und Meta-Beschreibungen. Diese Funktionen tragen dazu bei, das Suchmaschinenranking Ihrer Website zu verbessern und sie für Benutzer in verschiedenen Sprachen zugänglicher zu machen.
Globale Ausschlussregeln für Übersetzungen
Um Übersetzungsherausforderungen zu begegnen, Linguise Ausschlussregeln, die es Ihnen ermöglichen, bestimmte Begriffe, die möglicherweise nicht gut übersetzt werden könnten, beizubehalten oder auszuschließen. Sie können Regeln festlegen, um Seiten , Inline-Inhalte oder bestimmte Seiten auszuschließen und so Klarheit und Genauigkeit Ihrer Übersetzungen sicherzustellen.
Es ist möglich, professionelle Übersetzer für die Zusammenarbeit hinzuzufügen
Darüber hinaus können Sie Linguise professionelle Übersetzer in Ihr Dashboard einladen und so die Zusammenarbeit erleichtern, um die kulturelle und kontextbezogene Präzision Ihrer Inhalte zu gewährleisten.
Fazit
Die Implementierung automatischer Übersetzungen auf Ihrer Bubble-Website kann Ihre Reichweite deutlich erhöhen, die Nutzerinteraktion steigern und die Konversionsraten verbessern. Mit Linguiseverwalten Sie mehrsprachige Inhalte mühelos und bieten Nutzern in verschiedenen Sprachen ein nahtloses Erlebnis – bei gleichzeitiger Optimierung Ihrer SEO-Strategien.
Linguise bietet leistungsstarke Funktionen wie Live-Bearbeitung im Frontend, dynamische Inhaltsübersetzung, Ausschlussregeln für bestimmte Begriffe und umfassende SEO-Unterstützung. Diese Möglichkeiten machen Linguise zur idealen Wahl für die Integration automatischer Übersetzungen in Bubble . Worauf warten Sie noch? Registrieren Sie sich für eine automatische Übersetzungswebsite Linguise und verwandeln Sie Ihre Bubble -Website in eine mehrsprachige Plattform.
