So bauen Sie mehrsprachige Websites komplett ohne Code – und umgehen die Fallen, die andere teuer bezahlen.
Mehrsprachige Websites galten lange als Entwickler-Terrain – Plugins, Subdomains, Sync-Skripte, das volle Programm. Mit Webflow Localization ist das vorbei. Sie bauen professionelle Websites in mehreren Sprachen vollständig aus dem Designer heraus, ohne eine Zeile Code, und die Erweiterungen vom Juni 2026 machen das System spürbar leistungsfähiger. In diesem Guide gehe ich mit Ihnen vom ersten Setup bis zur Live-Schaltung – und zeige Ihnen die Fallstricke, die in den meisten Tutorials schlicht fehlen.
Bevor Sie Locales anlegen, lohnt die ehrliche Frage, ob das Feature überhaupt zu Ihrem Projekt passt. Webflow Localization ist gut, aber nicht für jeden Fall die richtige Wahl.
Ihre Stärke spielt Webflow Localization aus, wenn Sie eine inhaltlich weitgehend identische Website in mehreren Sprachen betreiben wollen – etwa eine Unternehmensseite auf Deutsch und Englisch, eine Produktseite für mehrere Märkte oder einen mehrsprachigen Marketing-Auftritt. Secondary Locales erben Design und Inhalte der Primary Locale, und Sie überschreiben gezielt, was sich unterscheiden soll. Das spart enorm Zeit gegenüber dem Pflegen mehrerer separater Seiten.
Die ehrliche Antwort: Sobald Ihre Sprachversionen strukturell stark voneinander abweichen – völlig unterschiedliche Seitenarchitekturen pro Markt – geraten Sie an Grenzen. Und der größte Knackpunkt: Webflow Localization funktioniert nicht mit den Ecommerce-Funktionen. Wer einen mehrsprachigen Shop über Webflow Ecommerce plant, muss umdenken. Dazu später mehr.
Das Setup ist erfreulich geradlinig, wenn man die Reihenfolge kennt.
In den Site Settings legen Sie unter Localization Ihre Primary Locale fest – das ist die Quellsprache, aus der alles andere abgeleitet wird. Anschließend fügen Sie Secondary Locales hinzu, etwa Englisch oder Spanisch. Jede Secondary Locale bekommt automatisch ein eigenes URL-Subdirectory wie /en/ oder /es/. Wichtig: Überlegen Sie sich die Primary Locale vorher gut, denn ein nachträglicher Wechsel ist aufwendig.
Webflow bietet maschinelle Übersetzung, mit der Sie eine komplette Locale per Knopfdruck als Rohfassung erzeugen. Mein Rat aus der Praxis: Nutzen Sie das als Startpunkt, niemals als Endprodukt. Die maschinelle Übersetzung bringt Sie auf 80 Prozent, aber die letzten 20 Prozent – Tonalität, Fachbegriffe, Call-to-Actions – entscheiden über Conversion. Gehen Sie danach manuell drüber.
Genau hier liegt der Teil, den kaum ein Tutorial behandelt – und der Webflow Localization 2026 deutlich erwachsener macht.
Komponenten sind das Rückgrat moderner Webflow-Projekte. Seit Juni 2026 können Sie Component Props pro Locale setzen. Das bedeutet: Eine wiederverwendbare Komponente – etwa ein Hero-Block mit Button-Text als Prop – kann pro Sprache eigene Standardwerte tragen. Sie pflegen die Komponente einmal, und der deutsche „Jetzt anfragen"-Button wird in der englischen Locale automatisch zum „Get in touch", ohne dass Sie die Komponente duplizieren.
Ebenso neu: Code Embeds lassen sich jetzt pro Locale austauschen. Das ist größer, als es klingt. Tracking-Snippets mit sprachspezifischen Parametern, eingebettete Buchungs-Widgets in der jeweiligen Sprache oder SVG-Grafiken mit eingebautem Text – all das können Sie jetzt sauber lokalisieren. Auch die Page Settings, also SEO-Titel, Meta-Description und Open-Graph-Daten, sind pro Locale individuell setzbar.
Die meisten ernsthaften Projekte leben vom CMS – Blog, Referenzen, Produktkatalog. Localization deckt das ab, aber mit einer wichtigen Eigenheit.
Sie können CMS-Collections lokalisieren, indem Sie pro Locale Übersetzungen für die einzelnen Felder hinterlegen. Diese Übersetzungen werden als Overrides auf den Original-Eintrag gelegt. Sie arbeiten also weiter mit einer einzigen Collection-Struktur, nicht mit fünf parallelen Collections – das hält die Datenpflege beherrschbar.
Hier lauert eine Falle. Weil Übersetzungen als Overrides gespeichert sind, passiert Folgendes: Ändern Sie den Originaltext in der Primary Locale, bleibt die Übersetzung unberührt – und damit veraltet. Es gibt keinen automatischen Sync, der Sie warnt. In der Praxis heißt das: Sie brauchen einen Redaktionsprozess, der jede Änderung am Quelltext als Aufgabe für alle Sprachversionen markiert. Sonst zeigen Sie Besuchern irgendwann eine veraltete Übersetzung.
Mehrsprachigkeit ohne saubere SEO ist verschenktes Potenzial. Webflow nimmt Ihnen hier viel ab.
Webflow generiert automatisch hreflang-Tags und eine lokalisierte Sitemap. Diese Tags sagen Google, welche Sprachversion welchem Nutzer gehört – und verhindern, dass Ihre deutsche und englische Seite als Duplicate Content gewertet werden. Sie müssen hier nichts manuell coden, sollten aber nach dem Launch in der Google Search Console prüfen, ob alle Versionen korrekt indexiert werden.
Webflow Localization setzt auf Subdirectories – also example.com/en/ statt einer separaten Domain. Das ist aus SEO-Sicht meist die beste Wahl, weil Ihre Hauptdomain ihre gesammelte Autorität auf alle Sprachversionen vererbt. Achten Sie darauf, dass interne Verlinkungen und der Locale-Switcher konsistent auf die richtigen Subdirectories zeigen.
Jetzt zu dem, was Sie in der Praxis wirklich aufhält. Diese fünf Punkte sind kaum dokumentiert – und kosten sonst Tage.
Der wichtigste Punkt zuerst: Webflow Localization und Webflow Ecommerce vertragen sich nicht. Produktseiten, Warenkorb und Checkout lassen sich über Localization nicht sauber übersetzen. Planen Sie einen mehrsprachigen Shop, brauchen Sie eine Drittlösung oder ein anderes Setup – das müssen Sie wissen, bevor Sie anfangen, nicht mittendrin.
Deutscher Text ist im Schnitt 30 bis 40 Prozent länger als englischer. „Submit" wird zu „Absenden", „Settings" zu „Einstellungen". Wenn Sie Ihr Layout am knappen englischen Text ausrichten, brechen Ihnen in der deutschen Version Buttons, Navigationspunkte und Karten. Bauen Sie von Anfang an Puffer ein und testen Sie jede Locale visuell.
Ein tückischer Standard: Interne Links zeigen oft auf die URL der Primary Locale, auch wenn der Nutzer gerade in der englischen Version unterwegs ist. Das wirft Besucher ungewollt zurück in die Ausgangssprache. Prüfen Sie Ihre internen Verlinkungen pro Locale – das ist Fleißarbeit, aber entscheidend für eine saubere Nutzererfahrung.
Webflow kennt keine dedizierte, günstige Übersetzerrolle. Jeder, der Übersetzungen direkt einpflegt, braucht einen vollen Seat – rund 39 USD im Monat. Für größere Projekte mit externen Übersetzern wird das schnell teuer. Die Alternative: Anbindung an ein Translation-Management-System wie Smartling, Lokalise oder Phrase, das Webflow nativ unterstützt.
Wie oben beschrieben: Quelltext-Änderungen aktualisieren Übersetzungen nicht automatisch. Das ist nicht nur ein CMS-Thema, sondern betrifft auch statische Seiteninhalte. Ohne festen Prozess sammeln sich über Monate veraltete Übersetzungen an, die Sie erst bemerken, wenn ein Kunde Sie darauf hinweist.
Was kostet Webflow Localization?
Localization startet ab etwa 9 USD pro Monat je zusätzlicher Locale, aufbauend auf Ihrem bestehenden Site Plan. Es gibt drei Stufen – Essential, Advanced und Enterprise –, die sich in Funktionsumfang und Automatisierung unterscheiden. Enterprise bietet unter anderem automatisches Routing anhand der Browsersprache.
Kann ich CMS-Collections lokalisieren?
Ja. Sie legen pro Locale Übersetzungen für die einzelnen Felder als Overrides an und arbeiten weiter mit einer einzigen Collection-Struktur. Wichtig ist nur: Es gibt keinen automatischen Sync – Änderungen am Original müssen Sie manuell in die Übersetzungen übertragen.
Funktioniert Localization mit Webflow Ecommerce?
Nein, und das ist die größte aktuelle Einschränkung. Für mehrsprachige Shops brauchen Sie eine andere Lösung. Planen Sie das ein, bevor Sie sich für Localization entscheiden.
Wie erkennt Webflow, welche Sprache ein Nutzer sehen soll?
In den höheren Plänen (Enterprise) kann Webflow automatisch anhand der Browser-Spracheinstellung routen. In den günstigeren Plänen setzen Sie einen manuellen Locale-Switcher ein, über den Nutzer ihre Sprache selbst wählen.
Planen Sie ein mehrsprachiges Webflow-Projekt? Abonnieren Sie meinen Newsletter für mehr Praxis-Guides rund um Webflow – oder schreiben Sie mir direkt, wenn Sie eine unverbindliche Einschätzung zu Ihrem konkreten Setup möchten.
.png)
