- Webflow
- Leitfaden
- No-Code
Webflow mehrsprachig: So übersetzen Sie Ihre Webflow-Website (2026)
7 Min. Lesezeit
Webflow verfügt inzwischen über eine native Lokalisierung im Designer. Es ist außerdem möglich, jeder Webflow-Website mit einem einzigen Script-Tag automatische mehrsprachige Unterstützung hinzuzufügen — kein Rebuild, keine Abrechnung pro Sprache, funktioniert auf jedem Webflow-Tarif. Hier ist alles, was Sie wissen müssen, um den richtigen Ansatz zu wählen.
Webflows integrierte Lokalisierung
Webflow hat 2023 die native Localization-Funktion eingeführt. Damit können Sie übersetzte Versionen Ihrer Website direkt im Webflow-Designer verwalten — ohne Drittanbieter-Tool oder eigenen Code.
Mit Webflow Localization können Sie:
- Textinhalte, Rich Text und Metadaten pro Sprache direkt im Designer übersetzen
- Bilder und Videos pro Sprache austauschen (z. B. lokalisierte Produktfotos oder Hero-Bilder)
- Sprachspezifische URL-Slugs festlegen (z. B.
/fr/a-proposstatt/fr/about) - Inhalte für Übersetzungsagentur-Workflows als XLIFF-Dateien exportieren
Webflow Localization nutzt einen wiederkehrenden Sprach-Tarif zusätzlich zum Basis-Webflow-Tarif. Prüfen Sie die aktuellen Sprachlimits, Paketierung und Preise auf der Website von Webflow.
Einschränkungen von Webflow Localization
Alle Übersetzungen sind manuell
Webflow Localization enthält keine maschinelle Übersetzung. Sie schreiben oder fügen jede übersetzte Zeichenkette selbst im Designer ein oder nutzen ein externes Übersetzungstool und importieren die XLIFF-Datei. Bei Websites mit Hunderten von Seiten und Dutzenden von Sprachen ist das ein erheblicher Zeitaufwand.
Abrechnung pro Sprache summiert sich schnell
Wiederkehrende, sprachbasierte Tarife können sich über mehrere Sprachen oder Kunden-Websites hinweg summieren. Rechnen Sie den aktuellen Anbieterpreis gegen die Anzahl der Sprachen und Websites, die Sie verwalten.
Übersetzungsänderungen erfordern eine erneute Veröffentlichung
Wenn Sie eine Übersetzung aktualisieren, müssen Sie die Webflow-Website erneut veröffentlichen, damit die Änderung live geht. Das bedeutet, Übersetzungsupdates sind an Ihren Webflow-Veröffentlichungsworkflow gebunden — Sie können keine Übersetzungskorrektur ohne vollständige erneute Veröffentlichung der Website ausrollen.
Erfordert einen kostenpflichtigen Webflow-Tarif
Webflow Localization ist im kostenlosen Starter-Tarif nicht verfügbar. Sie benötigen mindestens einen kostenpflichtigen Website-Tarif, um die Lokalisierung zu aktivieren — ein zusätzlicher Kostenfaktor für kleine Projekte.
Die Script-Tag-Alternative
Ein DOM-basiertes Übersetzungswidget wie Lingvit verfolgt einen völlig anderen Ansatz: Statt Übersetzungen im CMS zu verwalten, übersetzt es die veröffentlichteWebflow-Website automatisch im Browser des Besuchers.
Sie fügen ein einziges Script-Tag über Site Settings → Custom Code zu Webflow hinzu. Das Widget übernimmt den Rest: Spracherkennung, Übersetzung, Sprachumschalter, URL-Routing und hreflang-Tags.
Dieser Ansatz funktioniert auf jedem Webflow-Tarif — einschließlich Basic —, da er auf dem veröffentlichten HTML operiert, nicht innerhalb der Webflow-Plattform selbst.
Schritt für Schritt: Lingvit zu Webflow hinzufügen
Lingvit-Projekt erstellen und Script-Tag kopieren
Registrieren Sie sich unter app.lingvit.com, erstellen Sie ein neues Projekt und geben Sie die Domain Ihrer Webflow-Website ein. Kopieren Sie das Script-Tag aus den Projekteinstellungen.
Script zu Webflow Custom Code hinzufügen
In Webflow: Gehen Sie zu Site Settings → Custom Code → Footer Code (der Bereich mit der Bezeichnung „Before </body> tag”). Fügen Sie das Lingvit-Script-Tag dort ein. Speichern und Website veröffentlichen.
Sprachen im Lingvit-Dashboard auswählen
Wählen Sie zurück im Lingvit-Dashboard Ihre Zielsprachen aus. Der Sprachumschalter erscheint, sobald das konfigurierte Script geladen ist. Übersetzungen werden bei der ersten Anfrage generiert und zur Wiederverwendung gespeichert; prüfen Sie das Ergebnis vor einer breiten Veröffentlichung.
Was übersetzt wird
| Inhaltstyp | Übersetzt? |
|---|---|
| Überschriften, Absätze, Fließtext | Ja |
| Button-Beschriftungen und Linktext | Ja |
| Navigationslinks | Ja |
| Formular-Platzhalter und Labels | Ja |
| Webflow-CMS-Collection-Einträge | Ja (wenn auf der Seite gerendert) |
| Bilder und Videos | Nicht übersetzt (Alt-Text schon) |
| Drittanbieter-Einbettungen (Calendly, Typeform usw.) | Nein (in iFrames geladen) |
Horizontal scrollen, um alle Spalten zu sehen.
SEO für mehrsprachiges Webflow
Mehrsprachiges SEO erfordert, dass jede Sprachversion für Suchmaschinen auffindbar ist. Nutzen Sie beim Launch Webflow Localization oder eine andere serverseitig gerenderte Routing-Ebene für diese Suchanforderung; die Lingvit-Laufzeitübersetzung allein erzeugt keine indexierbaren Sprach-URLs.
Plattformeigene hreflang-Tags
Konfigurieren Sie
hreflangin der Plattform, die jede crawlbare Sprach-URL besitzt. Halten Sie diese Tags reziprok und im Einklang mit dem Sprachumschalter.Crawlbare Sprach-URLs
Nutzen Sie Webflow Localization oder eine andere Publikationsebene, um URLs wie
/fr/und/de/zu erzeugen. Prüfen Sie diese gerenderten Seiten, bevor Sie eine sprachspezifische Indexierung erwarten.Übersetzte Meta-Titel und -Beschreibungen
Übersetzen Sie den
<title>und diemeta descriptionder Seite in der Publikationsebene, die jede Sprach-URL rendert.
Webflow Localization vs. Lingvit: Was wann wählen
| Faktor | Webflow Localization | Lingvit |
|---|---|---|
| Übersetzungsmethode | Manuell (einfügen oder importieren) | Automatisch + Überschreibungen |
| Einrichtungszeit | Stunden bis Tage | Geführte Custom-Code-Einrichtung |
| Preismodell | Wiederkehrender Sprach-Tarif; aktuelle Preise prüfen | Monatliches Zeichenkontingent |
| Webflow-Tarif-Anforderung | Kostenpflichtiger Tarif erforderlich | Jeder Tarif, auch Basic |
| Bildlokalisierung | Ja (sprachspezifische Bilder) | Nein |
| Geschwindigkeit von Übersetzungsupdates | Erfordert erneute Veröffentlichung | Aus dem Dashboard veröffentlicht; Timing variiert |
Horizontal scrollen, um alle Spalten zu sehen.
Wählen Sie Webflow Localization, wenn Sie Übersetzungen innerhalb von Webflow mit sprachspezifischen CMS-Einträgen, sprachspezifischen Bildern und voller redaktioneller Kontrolle über jede Zeichenkette verwalten möchten, bevor sie live geht.
Wählen Sie Lingvit, wenn Sie automatische Übersetzung, mehr Sprachen, ein einfacheres monatliches Kontingentmodell und eine geführte Custom-Code-Einrichtung möchten.
Häufig gestellte Fragen
Funktioniert Lingvit mit dem Webflow-CMS?
Ja. Webflow-CMS-Inhalte (Blogbeiträge, Produktlisten, Teammitglieder usw.) werden als HTML auf der veröffentlichten Seite gerendert. Lingvit übersetzt alles, was im DOM steht — einschließlich CMS-gerenderter Inhalte —, sodass Collection-Seiten automatisch ohne besondere Konfiguration übersetzt werden.
Verlangsamt es die Webflow-Website?
Gespeicherte Übersetzungen können ohne eine erneute Anbieteranfrage wiederverwendet werden. Die Besuchererfahrung hängt weiterhin von Seite, Browser, Netzwerk und Widget-Auslieferung ab — testen Sie repräsentative Seiten vor dem Launch.
Was ist mit Webflow Ecommerce?
Lingvit übersetzt allen ins DOM gerenderten Text, einschließlich Produktnamen, Beschreibungen, Kategorienamen und Warenkorb-/Checkout-UI-Texten von Webflow Ecommerce. Seiten des Zahlungsanbieters (Stripe Checkout) werden nicht übersetzt, da sie vom Zahlungsanbieter, nicht von Webflow, gehostet werden.