Sie haben eine Website mit Bubble.io, die Sie in verschiedene Sprachen übersetzen möchten, damit sie für externe Kunden erreichbar ist? Bubble.io ist eine leistungsstarke und flexible No-Code-Plattform, die eine leistungsstarke Umgebung zum Erstellen und Verwalten von Webanwendungen bietet. Durch die Integration der automatischen Übersetzung in Ihre Bubble.io-App können Sie die Erstellung und Pflege mehrsprachiger Inhalte vereinfachen, Zeit und Ressourcen sparen und gleichzeitig ein konsistentes, qualitativ hochwertiges Benutzererlebnis in mehreren Sprachen gewährleisten.
Daher besprechen wir in diesem Artikel, wie Sie mithilfe eines automatischen Übersetzungsdienstes ganz einfach eine automatische Übersetzung auf der Website Bubble.io implementieren können.
Der Vorteil der Implementierung der automatischen Übersetzung auf Bubble.io
Die Implementierung der automatischen Übersetzung auf der Bubble.io-Website kann mehrere Vorteile bieten, darunter die folgenden.
- Globaler Marktzugang: Durch die automatische Übersetzung erreicht Ihre Bubble.io-App Benutzer weltweit. So kann beispielsweise eine App zum Teilen von Rezepten, die ursprünglich auf Englisch verfasst war, sofort für Food-Enthusiasten in Japan, Brasilien und Frankreich verfügbar sein, so dass sie Rezepte in ihrer Muttersprache erkunden und beisteuern 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.io
Laut Trends.builtwith.com nutzen mehr als 55.000 Websites Bubble.io . Deshalb werden wir dieses Mal einige Beispiele besprechen, um Ihnen eine Vorstellung davon zu geben, ob Sie die Erstellung einer mehrsprachigen Website mit Bubble.io in Betracht ziehen.
Fanova.io
Fanova ist ein großartiges Beispiel für eine Website, die mit Bubble.io erstellt wurde. Es verbindet Fans mit ihren bevorzugten Content-Erstellern und ermöglicht ihnen, exklusive Inhalte zu abonnieren. Die Website demonstriert die Fähigkeit von Bubble.io, anspruchsvolle, benutzerfreundliche Anwendungen mit erweiterten Funktionen wie mehrsprachiger Unterstützung zu erstellen.
Der Sprachumschalter in der unteren linken Ecke bietet Optionen für Englisch, Spanisch und brasilianisches Portugiesisch. Dieser mehrsprachige Ansatz ermöglicht es Fanova, ein vielfältiges, internationales Publikum in Nordamerika, Lateinamerika und Brasilien anzusprechen. Mithilfe der Funktionen von Bubble.io kann Fanova Inhalte in mehreren Sprachen verwalten und präsentieren und dabei ein einheitliches Design beibehalten, wodurch das Benutzererlebnis für Besucher mit unterschiedlichem Sprachhintergrund verbessert wird.
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 in der oberen rechten Ecke, der Benutzern die Wahl zwischen Englisch und Arabisch bietet. Diese mehrsprachige Unterstützung zeigt, wie Bubble.io effektiv global zugängliche Plattformen erstellen kann. Durch die Bereitstellung von Inhalten sowohl auf Englisch als auch auf Arabisch kann ICA eine vielfältige Nutzerbasis in englischsprachigen Ländern und der arabischen Welt bedienen.
So implementieren Sie die automatische Übersetzung auf Bubble.io
Nachdem wir Beispiele mehrsprachiger Websites untersucht haben, die mit Bubble.io erstellt wurden, untersuchen wir, wie man eine automatische Übersetzung mithilfe eines automatischen Übersetzungsdienstes implementiert. Viele Dienste können Websites mit nur wenigen Konfigurationsschritten schnell und einfach übersetzen. Ein solcher Dienst ist Linguise .
Linguise lässt sich in verschiedene CMS-Plattformen und Web-Builder integrieren, einschließlich der Integration in Bubble.io. Hier sind die Schritte zur Installation Linguise Übersetzung auf Bubble.io.
#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 wesentlichen Elemente in Ihre Bubble.io-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 normalerweise etwa 30 Minuten bis 1 Stunde. Nach diesem Zeitraum sollten auf der rechten Seite der DNS-Liste im Linguise Dashboard grüne Indikatoren angezeigt werden. Sie sind fast bereit, Ihre Bubble-Website zu übersetzen; Lediglich der Link zum Sprachumschalter mit Länderflaggen wird noch benötigt.
#5 Dynamische Übersetzung aktivieren
Aus technischer Sicht integriert Bubble JavaScript-codierte Module, CSS und HTML in eine funktionale Node.js-Anwendung. Die Programmiersprache von Bubble basiert auf JSON.
Mit unserer Funktion „Dynamische Übersetzung“ können Sie mühelos Inhalte auf Ihrer Bubble.io-Website übersetzen, einschließlich Inhalten, die nach dem ersten Laden der Seite asynchron (dynamisch) 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 Flaggen-Popup, mit dem Sie die gewünschte Sprache auswählen können. Um es zu implementieren, kopieren Sie den Code, der in der Kopfzeile Ihrer Bubble.io-Site-Seiten bereitgestellt wird. Der Flaggen-Sprachumschalter erscheint dann automatisch auf Ihrer öffentlichen Website.
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 linken Seitenleistenmenü auf „Einstellungen“ und wählen Sie dann „SEO / Metatags“.
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-Blase
Hier ist eine Demonstration, wie Bubble.io aussieht, wenn es automatisch mit dem automatischen Übersetzungsdienst von Linguise übersetzt wird.
Übersetzen Sie Ihre Bubble.io-Website automatisch mit Linguise
Der Übersetzungsdienst Linguise bietet eine reibungslose Integration der automatischen Übersetzung für Ihre Bubble.io-Website. Als führender Übersetzungsdienst unterstützt es über 80 Sprachen und arbeitet mit über 40 CMS-Plattformen, darunter Bubble.io. Diese Integration erleichtert die Erstellung einer mehrsprachigen Website und verbessert so das gesamte Benutzererlebnis.
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
Durch die Implementierung einer automatischen Übersetzung auf Ihrer Bubble.io-Website können Sie Ihre Reichweite erheblich steigern, das Nutzerengagement steigern und die Konversionsraten verbessern. Mit Linguise können Sie mehrsprachige Inhalte einfach verwalten, Benutzern in verschiedenen Sprachen ein nahtloses Erlebnis bieten und gleichzeitig Ihre SEO-Strategien optimieren.
Linguise bietet leistungsstarke Funktionen wie Front-End-Live-Bearbeitung, dynamische Inhaltsübersetzung, Ausschlussregeln für bestimmte Begriffe und umfassende SEO-Unterstützung. Diese Funktionen machen es zur idealen Wahl für die Integration der automatischen Übersetzung in Bubble.io. Also, worauf wartest Du? Registrieren Sie sich für eine automatische Übersetzungswebsite Linguise und verwandeln Sie Ihre Bubble.io-Website in eine mehrsprachige.