Haben Sie eine Website mit Bubble.io, die Sie in verschiedene Sprachen übersetzen möchten, damit sie von externen Kunden erreichbar ist? Bubble.io ist eine leistungsstarke und flexible No-Code-Plattform, die eine leistungsstarke Umgebung für die Erstellung und Verwaltung von Webanwendungen bietet. Die Integration automatischer Übersetzungen in Ihre Bubble.io-App ermöglicht es Ihnen, die Erstellung und Pflege von mehrsprachigen Inhalten zu vereinfachen, Zeit und Ressourcen zu sparen und gleichzeitig eine konsistente, hochwertige Benutzererfahrung in mehreren Sprachen zu gewährleisten.
Daher werden wir in diesem Artikel besprechen, wie Sie eine automatische Übersetzung auf der Bubble.io-Website mithilfe eines automatischen Übersetzungsdienstes einfach implementieren können.
Der Vorteil der Implementierung automatischer Übersetzungen auf Bubble.io
Die Implementierung der automatischen Übersetzung auf der Bubble.io-Website kann mehrere Vorteile bieten, darunter die folgenden.
- Zugang zum globalen Markt: Die automatische Übersetzung ermöglicht es Ihrer Bubble.io-App, Nutzer weltweit zu erreichen. Zum Beispiel kann eine ursprünglich auf Englisch verfügbare Rezept-App sofort für Food-Enthusiasten in Japan, Brasilien und Frankreich verfügbar gemacht werden, sodass sie Rezepte in ihrer Muttersprache erkunden und beisteuern können.
- Erhöhte Benutzerzufriedenheit: Inhalte in der bevorzugten Sprache des Benutzers führen zu einem angenehmeren und immersiveren Erlebnis. Beispiel: Eine Reiseplanungs-App, die automatisch Reiseverläufe, Bewertungen und lokale Empfehlungen in die Sprache des Benutzers übersetzt, kann das Reiseplanungs-Erlebnis erheblich verbessern.
- Höheres Konversionspotenzial: Benutzer tätigen eher Käufe oder melden sich für Dienste an, wenn Informationen in ihrer Muttersprache präsentiert werden. Zum Beispiel könnte eine Online-Kurs-Plattform nach der Implementierung automatischer Übersetzungen einen Anstieg der Anmeldungen aus spanischsprachigen Ländern verzeichnen, da potenzielle Teilnehmer nun die Kursbeschreibungen und Vorteile vollständig verstehen können.
- Verbesserte Sichtbarkeit in Suchergebnissen: Mehrsprachige Inhalte verbessern die Chancen Ihrer App, in Suchergebnissen in verschiedenen Regionen und Sprachen angezeigt zu werden. Zum Beispiel könnte eine Job-Such-App, die automatisch übersetzte Stellenangebote und Bewerbungstipps anbietet, in lokalen Sprachsuchen in mehreren Ländern erscheinen und so Jobsuchende anziehen, die die Plattform vorher nicht finden konnten.
Beispiele für mehrsprachige Websites mit Bubble.io
Laut trends.builtwith.com nutzen mehr als 55 Tausend Websites Bubble.io. Deshalb werden wir diesmal einige Beispiele diskutieren, 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 Lieblingsinhaltserstellern und ermöglicht es ihnen, exklusive Inhalte zu abonnieren. Die Site zeigt Bubble.io's Fähigkeit, 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. Durch die Nutzung der Funktionen von Bubble.io kann Fanova Inhalte in mehreren Sprachen verwalten und präsentieren, während es ein konsistentes Design beibehält und die Benutzererfahrung für Besucher aus verschiedenen sprachlichen Hintergründen verbessert.
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 Karriere-Ressourcen, einschließlich kostenloser Kurse, Förderwettbewerbe und Jobbewerbungsmöglichkeiten. Das saubere Design verfügt über eine prominente Überschrift, eine prägnante Wertversprechen und einen ansprechenden "Tauchen Sie ein"-Call-to-Action-Button.
Ein bemerkenswertes Merkmal der ICA-Website ist der Sprachumschalter, der sich in der oberen rechten Ecke befindet und den 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 in sowohl Englisch als auch Arabisch kann ICA eine vielfältige Benutzerbasis in englischsprachigen Ländern und der arabischen Welt bedienen.
So implementieren Sie automatische Übersetzungen auf Bubble.io
Nachdem wir Beispiele für mehrsprachige Websites untersucht haben, die mit Bubble.io erstellt wurden, werden wir untersuchen, wie man eine automatische Übersetzung mithilfe eines automatischen Übersetzungsdienstes implementiert. Viele Dienste können Websites schnell und einfach mit nur wenigen Konfigurationsschritten übersetzen. Ein solcher Dienst ist Linguise.
Linguise integriert sich in verschiedene CMS-Plattformen und Web-Builder, einschließlich integriert mit Bubble.io. Hier sind die Schritte zur Installation von Linguise automatischer Übersetzung auf Bubble.io.
#1 Registrieren Sie Ihre Domain-Website
Erstellen Sie zunächst ein kostenloses Linguise-Konto und fügen Sie Ihre Websitedomain hinzu. Sie können die 30-tägige kostenlose 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, einschließlich „https://“, und wählen Sie „andere“ als Plattform.
Wählen Sie als Nächstes Ihre Quell- und Zielsprachen.
#2 Automatisch Domänen-DNS mithilfe von entri hinzufügen
Nachdem Sie Ihre Website erfolgreich auf dem Linguise -Dashboard registriert haben, haben Sie zwei Möglichkeiten, mit der Installation fortzufahren.
Wenn Sie die DNS-Einträge automatisch hinzufügen möchten, können Sie auf “DNS automatisch verbinden.” Diese Funktion, genannt Entri, übernimmt 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 Ihre registrierte Website-URL und untersucht Ihre öffentlichen DNS-Einträge. Basierend auf dieser Analyse identifiziert es den notwendigen Anbieter und die erforderlichen DNS-Einträge.
Als Nächstes klicken Sie auf “Autorisieren mit [Ihrem Domain-Anbieter]” (zum Beispiel Cloudflare). Diese Aktion leitet Sie zur Anmeldeseite Ihres Domain-Anbieters weiter, wo Sie sich anmelden und fortfahren können.
Sobald Sie sich bei Ihrem Domain-Anbieter anmelden, übernimmt 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 hinzugefügten DNS-Einträge in Ihrer Domain sehen, wie zum Beispiel:
Nach der Autorisierung wird Entri Sie benachrichtigen, dass alle DNS-Einstellungen erfolgreich konfiguriert wurden. Sie sollten in der Lage sein, die Übersetzungsfunktion zu verwenden, sobald alle DNS-Einträge auf Ihrer Domain übertragen wurden, was normalerweise etwa 20 bis 30 Minuten dauert.
Wenn Sie bevorzugen Manuelle Installation, können Sie dies auch manuell tun, indem Sie die unten angegebenen Schritte befolgen.
#3 DNS-Einträge kopieren
Wenn Sie eine manuelle Installation bevorzugen, werden Sie zu einem Bildschirm mit den erforderlichen DNS-Einträgen weitergeleitet, um Ihre mehrsprachigen Seiten einzurichten, wie z.B. fr.domain.com oder es.domain.com.
Kopieren Sie diese wesentlichen Elemente in Ihre Bubble.io-DNS-Konfiguration.
Als Nächstes verbinden Sie sich mit Ihrem Domain-Manager und greifen auf den DNS-Setup-Bereich zu. Folgen Sie dann den Anweisungen, um zu 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 diesem ähneln.
#4 DNS überprüfen
Nachdem Sie alle Ihre Einträge zu Ihrem Domain-DNS hinzugefügt haben, können Sie die DNS-Weiterleitung überprüfen, indem Sie auf die Schaltfläche „DNS-Konfiguration überprüfen“ klicken.
Die DNS-Validierung dauert normalerweise etwa 30 Minuten bis 1 Stunde. Nach dieser Zeit sollten Sie grüne Indikatoren auf der rechten Seite der DNS-Liste im Linguise -Dashboard sehen. Sie sind fast bereit, Ihre Bubble -Website zu übersetzen; es fehlt nur 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 „Dynamic Translation“-Funktion können Sie Inhalte auf Ihrer Bubble.io-Website mühelos übersetzen, einschließlich Inhalten, die asynchron (dynamisch) nach dem ersten Laden der Seite geladen werden. Diese Verbesserung bietet Ihren Besuchern eine reibungslosere mehrsprachige Erfahrung!
Um diese Funktion zu verwenden, klicken Sie auf Ja unten auf der Einstellungsseite.
#6 Aktivieren und Anpassen des Sprachumschalter-Designs
Der Sprachumschalter ist ein Flaggen-Popup, mit dem Sie Ihre gewünschte Sprache auswählen können. Um es zu implementieren, kopieren Sie den Code, der im Header Ihrer Bubble.io-Seiten bereitgestellt wird. Der Flaggen-Sprachumschalter wird dann automatisch auf Ihrer öffentlichen Website erscheinen.
Der Link zum Kopieren befindet sich am Ende des Domänenregistrierungsprozesses oder in den Domäneneinstellungen. Stellen Sie sicher, dass Sie den Link in Ihre Zwischenablage kopieren.
Navigieren Sie als Nächstes zu Ihrem Bubble Website-Bedienfeld. Klicken Sie im linken Seitenleistenmenü auf „Einstellungen“ und wählen Sie dann „SEO / Metatags“
Scrollen Sie im Einstellungsmenü etwas nach unten, bis Sie “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.
Sie können den Sprachumschalter im Linguise-Dashboard anpassen, indem Sie zu Einstellungen > Anzeige der Sprachflaggen navigieren. Alle hier vorgenommenen Änderungen werden auf der Website angezeigt.
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 auf Englisch oder in ihrer Muttersprache
- Formen und Größen der Flaggen
- Farben und Boxschatten
#7 Automatische Übersetzung Ihrer Website Bubble
Hier ist eine Demonstration, wie Bubble.io erscheint, wenn es mithilfe des automatischen Übersetzungsdienstes von Linguiseautomatisch übersetzt wird.
Übersetzen Sie Ihre Bubble.io-Website automatisch mit Linguise
Linguise Übersetzungsdienst bietet eine nahtlose Integration der automatischen Übersetzung für Ihre Bubble.io-Website. Als führender Übersetzungsdienst unterstützt er über 80 Sprachen und arbeitet mit über 40 CMS-Plattformen zusammen, einschließlich Bubble.io. Diese Integration erleichtert die Erstellung einer mehrsprachigen Website und verbessert das gesamte Benutzererlebnis.
Front-End-Live-Editor-Übersetzung
Linguise bietet auch einen Front-End-Live-Editor, der schnelle Anpassungen an Übersetzungen nach Bedarf ermöglicht. Dieses Tool stellt sicher, dass Übersetzungen genau bleiben und ermöglicht schnelle Änderungen. Darüber hinaus können Sie mit professionellen Übersetzern zusammenarbeiten, um kulturelle und kontextuelle Präzision zu gewährleisten.
Multilinguale SEO-Unterstützung
Durch seine mehrsprachigen SEO-Funktionen Linguise, Linguise kann die Sichtbarkeit Ihrer Website in Suchmaschinen verbessern, indem es die SEO optimiert. Es generiert mehrsprachige Sitemaps, erstellt hreflang-Codes und -Tags, richtet kanonische URLs ein und übersetzt URLs und Meta-Beschreibungen. Diese Funktionen helfen, die Platzierung Ihrer Website in Suchmaschinen zu verbessern und sie für Benutzer in verschiedenen Sprachen zugänglicher zu machen.
Globale Regeln für den Ausschluss von Übersetzungen
Um Übersetzungsprobleme zu lösen, Linguise enthält Ausschlussregeln, mit denen Sie bestimmte Begriffe beibehalten oder ausschließen können, die möglicherweise nicht gut übersetzt werden. Sie können Regeln erstellen, um Seiten auszuschließen, Inline-Inhalte oder bestimmte Seiten, um Klarheit und Genauigkeit in Ihren Übersetzungen zu gewährleisten.
Möglichkeit, professionelle Übersetzer für die Zusammenarbeit hinzuzufügen
Darüber hinaus ermöglicht Linguise Ihnen, professionelle Übersetzer in Ihr Dashboard einzuladen, um die Zusammenarbeit zu erleichtern und die kulturelle und kontextuelle Präzision in Ihren Inhalten zu gewährleisten.
Fazit
Die Implementierung automatischer Übersetzungen auf Ihrer Bubble.io-Website kann Ihre Reichweite erheblich verbessern, das Nutzerengagement steigern und die Konversionsraten erhöhen. Mit Linguisekönnen Sie mehrsprachige Inhalte einfach verwalten, ein nahtloses Erlebnis für Nutzer in verschiedenen Sprachen 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 umfangreiche SEO-Unterstützung. Diese Funktionen machen es zur idealen Wahl für die Integration automatischer Übersetzungen mit Bubble.io. Also, worauf warten Sie? Registrieren Sie sich für eine Linguise automatische Übersetzungswebsite und verwandeln Sie Ihre Bubble.io-Website in eine mehrsprachige.
