Webflow CMS-Export mit KI übersetzen: Schritt-für-Schritt-Anleitung

Das Fazit: Eine Webflow CMS-Kollektion manuell zu übersetzen ist ein enormer Zeitfresser: Der einzige skalierbare Workflow ist der Export Ihrer Kollektion als CSV, der Einsatz einer spezialisierten KI-Engine, um Ihre Rich-Text- und SEO-Felder zu lokalisieren, während Slugs und Referenz-IDs übersprungen werden, und der Re-Import der Daten, um Hunderte von Elementen in Minuten zu aktualisieren.

Dieser Leitfaden zeigt Ihnen, wie Sie eine gesamte Webflow CMS-Kollektion, vom Export bis zum Re-Import, in unter 10 Minuten mit dem Ausgewählte Spalten-Modus von AI Glot übersetzen.

Wenn Sie unseren Überblick über wie Webflow Localization funktioniert gelesen haben, wissen Sie, dass der native Editor hervorragend für statische Seiten ist, aber für große CMS-Kollektionen schmerzhaft langsam wird. 200 Blog-Beiträge Feld für Feld zu übersetzen ist kein realistischer Workflow für die meisten Teams.

Die Lösung ist einfach: Exportieren Sie die CMS-Kollektion als CSV, übersetzen Sie nur die Textspalten und importieren Sie das Ergebnis zurück. Dieser Leitfaden deckt jeden Schritt mit genug Detail ab, sodass Sie mit Ihrem eigenen Webflow-Projekt mitmachen können.

Voraussetzungen

Bevor Sie beginnen, stellen Sie sicher, dass Sie Folgendes haben:

• Eine Webflow-Website mit mindestens einer CMS-Kollektion, die Inhalte enthält, die Sie übersetzen möchten.
• Ein AI Glot-Konto (der kostenlose Tarif gibt Ihnen 500 monatliche Credits plus einen 2.000-Credit-Anmeldebonus, was für eine mittelgroße Kollektion ausreicht).
• Grundlegende Vertrautheit mit CSV-Dateien. Wenn Sie eine Tabelle öffnen können, sind Sie gut aufgestellt.

Schritt 1: CMS-Kollektion aus Webflow exportieren

Öffnen Sie Ihr Webflow-Projekt und navigieren Sie zum CMS-Panel (das Datenbank-Symbol in der linken Seitenleiste). Wählen Sie die Kollektion aus, die Sie übersetzen möchten. Für dieses Beispiel verwenden wir eine “Blog-Beiträge”-Kollektion, aber der Prozess ist identisch für Produktseiten, Fallstudien, Teammitglieder oder jeden anderen Kollektionstyp.

Klicken Sie auf das Einstellungsrad-Symbol der Kollektion und wählen Sie “CSV exportieren.” Webflow lädt eine Datei herunter, die jedes Element in der Kollektion enthält, mit jedem Feld als Spalte.

Öffnen Sie die Datei in einer Tabellenkalkulationsanwendung (Google Sheets, Excel, Numbers), um ein Gefühl für die Struktur zu bekommen. Ein typischer Blog-Kollektionsexport sieht ungefähr so aus:

Nehmen Sie sich einen Moment, um zu identifizieren, welche Spalten “Inhalt” und welche “Struktur” sind. Diese Unterscheidung ist die gesamte Grundlage des Workflows.

Inhaltsspalten (diese übersetzen):

• Name
• Post Body
• Zusammenfassung
• SEO-Titel
• SEO-Beschreibung

Strukturspalten (diese in Ruhe lassen):

• Slug (Ihr URL-Pfad)
• Hauptbild (eine Dateireferenz)
• Kategorie (eine Kollektionsreferenz-ID)
• Veröffentlicht am (ein Datum)

Dies ist eine goldene Regel für jede CMS-Export-Übersetzung: Wenn das Feld Daten enthält, die ein anderes System programmatisch liest (URLs, IDs, Daten, Dateinamen), sollte es nicht übersetzt werden. Nur menschenlesbare Textfelder erhalten die Übersetzungsbehandlung.

Schritt 2: In AI Glot hochladen und Modus auswählen

Melden Sie sich bei AI Glot an und laden Sie die CSV-Datei hoch, die Sie gerade exportiert haben. Die Plattform analysiert automatisch die Dateistruktur, erkennt die Anzahl der Spalten, Zeilen und die wahrscheinliche Ausgangssprache.

Hier spielt die Modusauswahl eine Rolle. Für Webflow CMS-Exporte ist der Ausgewählte Spalten-Modus fast immer die richtige Wahl. Dieser Modus ermöglicht es Ihnen, explizit zu markieren, welche Spalten übersetzt werden sollen und welche unverändert bleiben sollen.

Wenn die Analyse abgeschlossen ist, sehen Sie eine Mapping-Oberfläche. Für jede Spalte entscheiden Sie:

• Übersetzen: Die KI verarbeitet den Inhalt dieser Spalte.
• Überspringen: Diese Spalte wird unverändert durchgeleitet.

Für unser Blog-Beispiel wäre das Mapping:

Dieses explizite Mapping trennt einen strukturierten Übersetzungs-Workflow vom “Alles in ChatGPT einfügen und hoffen” -Ansatz. Sie sagen der KI genau, wo die Grenzen sind, und diese Grenzen sind festgelegt, bevor ein einziges Wort verarbeitet wird.

Schritt 3: Sprache und Glossar konfigurieren

Nach der Bestätigung Ihres Spalten-Mappings legen Sie die Zielsprache fest. AI Glot unterstützt eine breite Palette von Sprachpaaren, und die Ausgangssprache wird normalerweise automatisch aus dem Inhalt erkannt.

Dies ist auch der richtige Moment, Glossarbegriffe hinzuzufügen, wenn Sie markenspezifisches Vokabular haben. Zum Beispiel:

• Ihr Firmenname sollte niemals übersetzt werden.
• Proprietäre Technologienamen wie “FlowEngine” oder “DataSync Pro” sollten auf Englisch bleiben.
• Branchenbegriffe könnten in Ihrem Zielmarkt bevorzugte Übersetzungen haben.

Wenn Sie einen Blog übersetzen, könnten Sie Einträge wie diese hinzufügen:

Glossare werden umso wertvoller, je größer Ihre Kollektion wächst. 10 Artikel ohne Glossar zu übersetzen kann akzeptable Ergebnisse liefern. 300 Artikel ohne eines zu übersetzen wird zu auffälligen Inkonsistenzen führen, bei denen derselbe Begriff in verschiedenen Beiträgen unterschiedlich wiedergegeben wird.

Schritt 4: Übersetzung überprüfen und starten

Bevor AI Glot Credits ausgibt, erhalten Sie eine vollständige Vorschau des Jobs. Dieser Überprüfungsbildschirm zeigt:

• Die Gesamtzahl der zu übersetzenden Wörter.
• Die geschätzten Credit-Kosten.
• Welche Spalten eingeschlossen und welche ausgeschlossen sind.
• Ein Beispiel des Quellinhalts.

Nehmen Sie sich ein paar Sekunden, um das zu überprüfen. Es ist viel besser, einen Fehler jetzt zu entdecken (wie die versehentliche Einbeziehung der Slug-Spalte) als ihn nach Abschluss der Übersetzung zu entdecken.

Wenn alles richtig aussieht, klicken Sie auf “Übersetzen.” AI Glot verarbeitet den Inhalt im Hintergrund. Sie müssen den Browser-Tab nicht geöffnet lassen. Für eine 200-Element-Blog-Kollektion dauert das normalerweise ein paar Minuten.

Schritt 5: Herunterladen und in Webflow re-importieren

Wenn die Übersetzung abgeschlossen ist, laden Sie die übersetzte CSV herunter. Öffnen Sie sie in einer Tabellenkalkulationsanwendung für eine schnelle Stichprobenkontrolle: Stellen Sie sicher, dass der übersetzte Text richtig aussieht, die Slugs unverändert sind und die Zeilenanzahl mit dem Original übereinstimmt.

So importieren Sie zurück in Webflow:

1. Gehen Sie zu Ihren CMS-Kollektionseinstellungen.
2. Klicken Sie auf “CSV importieren.”
3. Laden Sie die übersetzte Datei hoch.
4. Webflow wird Sie auffordern, die CSV-Spalten Ihren Kollektionsfeldern zuzuordnen. Passen Sie sie an und bestätigen Sie.

Wichtig: Webflow gleicht Elemente beim Import nach ihrem Slug-Feld ab. Solange Sie die Slugs unverändert gelassen haben (was der Ausgewählte Spalten-Modus garantiert), wird der übersetzte Inhalt auf die richtigen Elemente angewendet.

Wenn Sie mit dem nativen Webflow-Lokalisierungsmerkmal arbeiten, müssen Sie möglicherweise den übersetzten Inhalt in die spezifische Locale-Variante jedes Elements importieren. Einige Teams verwenden die Webflow-API für diesen Schritt bei sehr großen Kollektionen.

Rich-Text-Felder verwalten

Das Post Body-Feld (oder ein beliebiges Rich-Text-Feld) von Webflow wird als HTML in der CSV exportiert. Das ist tatsächlich gut für Übersetzungszwecke, weil die KI die semantische Struktur des Inhalts, Überschriften, Absätze, Listen und Links verstehen kann.

AI Glot verarbeitet den HTML-Inhalt und bewahrt dabei die Auszeichnung. Ein Absatz wie:

<p>Our <strong>new API</strong> supports <a href="/docs">full documentation</a>.</p>

Wird in etwa übersetzt zu:

<p>Unsere <strong>neue API</strong> unterstützt <a href="/docs">die vollständige Dokumentation</a>.</p>

Beachten Sie, dass HTML-Tags, Link-href-Attribute und strukturelle Elemente intakt bleiben. Nur der sichtbare Textinhalt ändert sich. Das bedeutet, dass der reimportierte Inhalt im Webflow Designer genau wie das Original aussieht, nur in der Zielsprache.

Was ist mit laufenden Inhalten?

Dieser CSV-Workflow ist am leistungsfähigsten für die erste Massenübersetzung, wie wenn Sie Ihr bestehendes 200-Beiträge-Blog-Archiv auf Französisch verfügbar machen.

Für laufende Inhalte (neue Beiträge, die wöchentlich veröffentlicht werden) haben Sie zwei praktische Optionen:

1. Neue Beiträge nativ übersetzen im Webflow Editor, während sie veröffentlicht werden. Wenn es 1-2 Beiträge pro Woche sind, ist der manuelle Workflow handhabbar.
2. Neue Beiträge monatlich bündeln, indem Sie die Kollektion exportieren, nach nicht übersetzten Elementen filtern, sie durch AI Glot laufen lassen und reimportieren.

Die meisten Teams finden, dass ein hybrider Ansatz am besten funktioniert: native Lokalisierung für Echtzeit-redaktionelle Bedürfnisse und regelmäßige CSV-Batch-Läufe für alles andere.

Das Fazit

Eine Webflow CMS-Kollektion zu übersetzen muss keine wochenlange manuelle Kopierarbeit im Editor bedeuten. Der CSV-Exportpfad gibt Ihnen einen kontrollierten, wiederholbaren Workflow, der Hunderte von Elementen in der Zeit behandelt, die es manuell dauern würde, zehn zu übersetzen.

Der Schlüssel ist die Verwendung des Ausgewählte Spalten-Modus, um Ihre Strukturdaten zu schützen, während KI den Inhalt übernimmt. Kombiniert mit einem Glossar für Markenkonsistenz verwandelt dieser Workflow die Webflow-Lokalisierung von einem Engpass in eine Routineoperation.

Bereit, Ihre erste Webflow-Kollektion zu übersetzen? Starten Sie mit dem kostenlosen AI Glot-Tarif und führen Sie einen Test-Batch auf Ihrer kleinsten Kollektion durch, um den Workflow in Aktion zu sehen.