How does Webflow handle language switching for visitors?

Webflow's Localize feature lets a site define a primary locale and one or more secondary locales, and visitors are switched between them by a locale switcher block or, on Enterprise and Advanced Localize plans, automatic domain-level routing based on browser language.

Wie übersetzt und lokalisiert man eine Webflow-Website?

Die Localize-Funktion von Webflow erstellt primäre und sekundäre Sprachvarianten einer Website und ermöglicht es den Besuchern, zwischen diesen zu wechseln. Die Übersetzung der eigentlichen Seite, der Komponenten und der CMS-Inhalte in diese Sprachen ist jedoch eine separate Aufgabe. Die Übersetzung erfolgt typischerweise über die KI- oder manuellen Tools von Webflow oder über eine angeschlossene Übersetzungsplattform wie den Smartling Connector für Webflow, der Seiten, Komponenten und CMS-Sammlungen synchronisiert und automatisch fertige Übersetzungen zurückgibt. Welcher Ansatz am besten geeignet ist, hängt davon ab, wie viele Lokalisierungen eine Website benötigt und ob die Inhalte eher Überprüfung, Glossar und Qualitätssicherung erfordern als nur die maschinelle Ausgabe.

Wie handhabt Webflow den Sprachwechsel für Besucher?

Webflow übernimmt den Sprachwechsel über seine native Localize-Funktion, mit der eine Website eine primäre Sprache und beliebig viele sekundäre Sprachen festlegen kann. Anschließend werden die Besucher über einen Sprachumschalterblock oder, bei den Enterprise- und Advanced-Localize-Plänen, über ein automatisches Routing auf Domainebene basierend auf der Browsersprache des Besuchers zur richtigen Sprache weitergeleitet.

Lokales Vererbungsmodell. Jeder sekundäre Standort beginnt damit, den Inhalt, den Stilen und den Seiteneinstellungen des primären Standorts zu übernehmen, bis etwas speziell überschrieben wird, sodass ein nicht übersetzter sekundärer Ort stillschweigend die Quellsprache spiegelt, anstatt leere Felder zu brechen oder anzuzeigen.
Der Gebietsschema-Umschalter-Block. Besucher wählen in der Regel eine Sprache über eine spezielle Komponente zur Sprachauswahl, die Webflow für die Platzierung auf der Arbeitsfläche bereitstellt, anstatt sich allein auf die automatische Erkennung zu verlassen – ein Detail, das vor dem Start getestet werden sollte, da es sich um das sichtbare Steuerelement handelt, das die meisten Benutzer tatsächlich berühren.
Gebietsschemabasiertes URL-Routing. Für jede Sprache gibt es eine eigene Routing-Struktur. Dadurch können übersetzte Seiten von Suchmaschinen und KI-Antwortsystemen separat indexiert und zitiert werden – die gleiche Anforderung an eine URL pro Sprache, die für jeden Ansatz zur Website-Übersetzung gilt, nicht nur für den von Webflow.
Plangesteuerte Automatisierung. Automatisches, browserbasiertes Domain-Routing ist auf die Enterprise- und Advanced Localize-Tarife von Webflow beschränkt; bei niedrigeren Tarifen müssen Besucher die Sprache manuell über den Switcher-Block wechseln, was die Abhängigkeit eines Teams von der alleinigen Nutzung des Routings einschränkt.
Die Einschränkung des E-Commerce. In der Dokumentation von Webflow selbst heißt es, dass Localize die Funktionen des Ecommerce Site-Plans nicht unterstützt. Daher können Produkt- und Kategorieseiten nicht lokalisiert werden, wenn beide aktiviert sind – eine Einschränkung, die unbedingt berücksichtigt werden sollte, bevor man einen vollständig lokalisierten Shop verspricht.

Was sind die besten Werkzeuge zur Übersetzung von Webflow-Webseiten?

Die besten Tools für die Übersetzung einer Webflow-Website lassen sich in drei Ebenen unterteilen, und die meisten Teams kombinieren am Ende mehr als eine davon: die Webflow-eigene On-Canvas-Übersetzung, einen dedizierten Übersetzungsplattform-Connector, der über den Webflow App Marketplace installiert wird, und einen Proxy für Inhalte, die sich vollständig außerhalb von Webflow befinden.

Webflows native Übersetzungstools – manuelle Eingabe oder Webflows integrierte KI-Übersetzung direkt im Localize-Workflow, am besten geeignet für eine kleine Anzahl von Orten ohne formale Überprüfungspflicht.
Ein TMS-Connector, der als Webflow-App installiert ist – der Smartling Connector für Webflow – synchronisiert beispielsweise Seiten, Komponenten und CMS-Sammlungen in ein Übersetzungsmanagementsystem und fügt automatisierte Kostenschätzungen, Auftragsautorisierung, Übersetzungsspeicher und kontinuierliche Veränderungserkennung hinzu.
Ein Übersetzungs-Proxy – ein Ansatz wie Smartlings Global Delivery Network, der nützlich ist, wenn Übersetzungsbedürfnisse über die Webflow-Seite hinaus auf andere Immobilien oder Tech-Stacks reichen, die einen Workflow und einen Übersetzungsspeicher teilen sollten.
Maschinell übersetzte versus geprüfte Arbeitsabläufe – ob eine rein maschinelle Übersetzung akzeptabel ist, hängt von der Art des Inhalts ab; Seiten zu rechtlichen und Compliance-Fragen benötigen in der Regel einen menschlichen Prüfschritt, der bei Marketingtexten manchmal entfallen kann.
Kontinuierliche Lokalisierung versus Einmal-Export – ein Connector, der geänderte Inhalte erkennt und automatisch erneut einreicht, vermeidet den wiederkehrenden manuellen Export-/Importzyklus, den ein einmaliges Übersetzungsprojekt hinterlässt.

Webflow-Übersetzung und -Lokalisierung: die Zahlen

Figur	Was es misst	Warum es wichtig ist
3	Webflow-Inhaltstypen, die der Smartling Connector für Webflow derzeit unterstützt: Seiten, Komponenten und CMS-Sammlungen.	Legt den praktischen Anwendungsbereich fest, was ein app-basierter Connector automatisiert im Vergleich zu dem, was noch eine manuelle Lösung benötigt, wie statischen Seitenbild-Alttext
3 Stunden	Kürzestes Intervall, in dem der „Auto“-Modus des Smartling Connectors zuvor übersetzte Webflow-Inhalte auf Quelländerungen überprüft.	Setzt den Boden, wie schnell eine bearbeitete Seite zur Übersetzung kommt, ohne auf einen manuellen Exportzyklus zurückzugreifen.
29	Locales Carrot, ein Kunde von Smartling und Webflow, übersetzt seine Rechtsseiten mithilfe des Smartling Connectors für Webflow.	Es gibt Belege dafür, dass der Konnektor weit über einige wenige Sprachen hinaus für strukturierte, Compliance-relevante Inhalte skalierbar ist.
95%	Carrot berichtete nach der Einführung des Konnektors von einer Verkürzung der Übersetzungsdauer von einem bis zwei Tagen auf etwa 30 Minuten.	Die betrieblichen Argumente für die Automatisierung des zuvor manuellen Export-/Importprozesses
50+	Vorgefertigte Smartling-Connectoren und -Plugins über CMS-, Marketing- und Entwickler-Tool-Plattformen, darunter Webflow	Relevanter Kontext für Teams, die Smartling bereits an anderer Stelle in ihrer Systemarchitektur einsetzen und ein gemeinsames Übersetzungsspeichersystem benötigen.

Quelle: Webflow-Blog, „Webflow-Erlebnisse entwickeln, die in jedem Markt konvertieren“ (Carrot-Fallstudie); Smartling-Hilfezentrum, Webflow Connector-Dokumentation.

Wie richtet man die Übersetzung für eine Webflow-Seite ein?

Die Einrichtung der verwalteten Übersetzung für eine Webflow-Website besteht hauptsächlich aus Konfigurationsarbeiten in Webflow und Smartling, bevor Inhalte verschoben werden, und erfordert keinen benutzerdefinierten Code.

Fügen Sie sekundäre Standorte in Webflow hinzu – konfigurieren Sie den primären Standort und fügen Sie jeden Ziel-Sekundärstandort in den Lokalisierungseinstellungen von Webflow ein, bevor Sie ein Übersetzungstool verbinden.
Erstellen Sie einen dedizierten Webflow-Service-Nutzer – Smartling empfiehlt für den Connector ein Servicekonto auf Site-Manager-Ebene, damit das Konto eines ausscheidenden Mitarbeiters die Übersetzung nie trennt.
Erstellen Sie pro Webflow-Website ein Smartling-Projekt – Standortzuordnung, Workflows und Inhaltsparregeln können je nach Standort unterschiedlich sein, sodass jede Webflow-Seite ihr eigenes Connector-Projekt bekommt, anstatt eines über einen Arbeitsbereich zu teilen.
Autorisieren Sie die Connector- und Mapping-Sprachen – verbinden Sie das Projekt mit Webflow, wählen Sie die Webflow-Quellsprache aus und weisen Sie jede Smartling-Zielsprache auf den entsprechenden Webflow-Standort zu.
Konfigurieren Sie die Inhaltsanalyse und -automatisierung – legen Sie fest, wie jedes CMS-Collection-Feld analysiert werden soll (Quelltext kopieren, nicht übersetzen, HTML oder Klartext) und wählen Sie aus, ob der Konnektor geänderte Inhalte automatisch erkennt und bei seinem wiederkehrenden Prüfzyklus erneut übermittelt.

Dieser Ansatz passt zu Teams, die...

Ich habe bereits ihre Marketing- oder Rechtsseite in Webflow gebaut und gehostet und möchte Sprachen hinzufügen, ohne die Plattform verlassen zu müssen.
Es bedarf einer fortlaufenden Übersetzung, nicht nur eines einmaligen Projekts, da sich Webflow-Seiten und CMS-Sammlungen auch nach dem Launch ständig ändern.
Man muss strukturierte CMS-Sammlungsinhalte – zum Beispiel juristische oder Produktseiten – über eine zweistellige Anzahl von Standorten lokalisieren, so wie Carrot 29 Standorte für seine Rechtsseiten verwaltet.
Sie möchten Übersetzungsspeicher, Glossardurchsetzung oder einen menschlichen Review-Workflow hinter dem Inhalt, anstatt nur rohe Maschinenausgaben?

Wenn dies vielleicht nicht die richtige Priorität ist

Seiten, die noch auf einem Webflow E-Commerce Site-Plan sind – Webflows eigene Funktion Localize unterstützt keine E-Commerce-Site-Plan-Funktionen, sodass Produkt- und Kategorieseiten nicht lokalisiert werden können, solange beide aktiv sind.
Seiten, die stark auf Komponenten aus Drittanbieterbibliotheken angewiesen sind – diese Komponenten können nicht über den Webflow Connector übersetzt werden.
Teams nutzen aktiv die Page-Branching-Funktion von Webflow für Entwürfe – der Connector unterstützt keine Verzweigung, sodass übersetzte Inhalte und Verzweigungen ohne einen Workaround eines Solution Architect aus dem Takt driften können.
Für interne Tests wird lediglich eine sekundäre Sprache benötigt – die kostenlose Lokalisierungsvorschau von Webflow deckt bereits eine unveröffentlichte Sprache ohne kostenpflichtiges Add-on oder Connector ab.

Bewertungscheckliste: Fragen, die man vor der Übersetzung einer Webflow-Seite stellen sollte

Unterstützt der Connector die Webflow-Inhalte, die Sie tatsächlich übersetzen möchten?
Seiten, Komponenten und CMS-Sammlungen sind abgedeckt; statischer Seitenbild-Alttext ist das nicht, daher planen Sie, Alternativtext in ein CMS-Collection-Feld zu verschieben, wenn Ihnen übersetzter Alt-Text wichtig ist.

Benötigst du das Webflow-Lokalisierungs-Add-on oder reicht die Lokalisierungsvorschau aus?
Die Vorschau umfasst eine unveröffentlichte Sprache zum Testen; für die Veröffentlichung von mehr als einer übersetzten, live gehenden Sprache muss das Webflow-Lokalisierungs-Add-on separat von der jeweiligen Übersetzungsplattform erworben werden.

Wie oft ändert sich Ihr Webflow-Content nach der Veröffentlichung?
Der automatische Änderungserkennungszyklus eines Konnektors ist vor allem für Websites mit häufigen CMS-Aktualisierungen wichtig; eine überwiegend statische Website benötigt ihn möglicherweise nicht.

Beinhaltet der Inhalt rechtliche, Compliance- oder andere Seiten mit hohem Risiko?
Bei strukturierten, prüfungsintensiven Inhalten zahlen sich die Arbeitsabläufe und Qualitätskontrollen eines TMS-Konnektors am schnellsten aus, im Vergleich zu Marketingtexten, die eine weniger aufwendige Übersetzung tolerieren.

Übersetzt ihr eine Webflow-Seite oder Inhalte, die sich über mehrere Plattformen erstrecken?
Eine einzelne Webflow-Seite kann allein auf einem app-basierten Connector laufen; eine breitere Auswahl an Eigenschaften erfordert möglicherweise einen Proxy-Ansatz, der auch Inhalte außerhalb von Webflow abdeckt.

Wie hilft Smartling bei der Übersetzung einer Webflow-Website?

Smartling verbindet sich mit Webflow über den Smartling Connector für Webflow, eine kostenpflichtige Integration, die im Webflow App Marketplace gelistet ist und Seiten, Komponenten und CMS-Sammlungen in Smartling zur Übersetzung zieht und abgeschlossene Inhalte automatisch an Webflow zurückgibt, sobald jeder Auftrag abgeschlossen ist. Der Connector fügt automatische Kostenschätzungen und Auftragsautorisierungen, Statusübersicht über jedes Asset und jeden Ort hinweg sowie kontinuierliche Lokalisierung hinzu: Sein Auto-Modus prüft bereits eingereichte Inhalte bis zu alle drei Stunden auf Quellenänderungen und kann aktualisierte Inhalte automatisch autorisieren, wenn diese Option aktiviert ist.

Carrot, eine auf Webflow basierende Plattform zur Fruchtbarkeits- und Familienbildung, nutzt den Connector, um rechtliche Dokumente – einschließlich Datenschutzrichtlinien und Geschäftsbedingungen – an 29 Orten aktuell zu halten, und hat seitdem die Übersetzung auf fünf Orte auf seiner Marketingseite ausgeweitet. "Mit dem Smartling-Anschluss ist alles automatisiert. Wenn wir die Seite zur Übersetzung einreichen, wissen wir, dass Textänderungen automatisch aktualisiert werden, wenn sie gecrawlt wird. Früher hat das Aktualisieren der Übersetzungen auf unserer Seite ein oder zwei Tage gedauert. Jetzt dauert es nur noch 30 Minuten", sagt Austin Peachey, Marketing Web Manager bei Carrot.

Für Teams, deren Übersetzungsbedürfnisse über eine einzelne Webflow-Seite hinausgehen, bietet Smartlings Global Delivery Network eine proxybasierte Alternative, die Webinhalte unabhängig von der zugrunde liegenden Plattform übersetzt, sodass ein Workflow und ein Übersetzungsspeicher neben anderen Eigenschaften auch eine Webflow-Seite abdecken können.

Bereit, Smartling in Aktion zu sehen?

Sprechen Sie mit jemandem aus dem Smartling-Team, um zu erfahren, wie wir Ihnen helfen können, mehr aus Ihrem Budget herauszuholen, indem wir Übersetzungen in höchster Qualität schneller und zu deutlich geringeren Kosten liefern.

Ein Meeting buchen