Webflow CMS-export vertalen met AI

Kort samengevat: Een Webflow CMS-collectie handmatig vertalen kost enorm veel tijd. De enige schaalbare werkwijze is je collectie exporteren als CSV, een gespecialiseerde AI-engine gebruiken om je rich text te lokaliseren en SEO-velden te vertalen zonder je slugs en referentie-ID’s aan te passen, en de gegevens opnieuw importeren. Zo werk je honderden items in enkele minuten bij.

In deze handleiding zie je hoe je in minder dan 10 minuten een volledige Webflow CMS-collectie vertaalt, van export tot herimport. Je geeft AI Glot in een duidelijke instructie aan welke kolommen moeten worden vertaald.

Als je ons overzicht van de werking van Webflow Localization hebt gelezen, weet je dat de ingebouwde Editor ideaal is voor statische pagina’s, maar tergend traag wordt bij grote CMS-collecties. 200 blogberichten veld voor veld vertalen is voor de meeste teams geen haalbare werkwijze.

De oplossing is eenvoudig: exporteer de CMS-collectie als CSV, vertaal alleen de tekstkolommen en importeer het resultaat opnieuw. Deze handleiding beschrijft elke stap in detail, zodat je die kunt volgen voor je eigen Webflow-project.

Vereisten

Zorg voordat je begint voor het volgende:

• Een Webflow-site met minimaal één CMS-collectie met inhoud die je wilt vertalen.
• Een AI Glot-account. Met het gratis abonnement vertaal je de eerste 5,000 woorden van je eerste bestand kosteloos. Dat is genoeg om een middelgrote collectie uit te proberen.
• Basiskennis van CSV-bestanden. Als je een spreadsheet kunt openen, ben je klaar om te beginnen.

Stap 1: Exporteer je CMS-collectie vanuit Webflow

Open je Webflow-project en ga naar het CMS-paneel, het databasepictogram in de linkerzijbalk. Selecteer de collectie die je wilt vertalen. In dit voorbeeld gebruiken we een collectie met blogberichten, maar de werkwijze is hetzelfde voor productpagina’s, klantverhalen, teamleden en andere soorten collecties.

Klik op het tandwielpictogram bij de collectie en selecteer vervolgens “Export CSV.” Webflow downloadt een bestand met alle items uit de collectie, waarbij elk veld een eigen kolom heeft.

Open het bestand in een spreadsheetprogramma, zoals Google Sheets, Excel of Numbers, om de structuur te bekijken. Een export van een typische blogcollectie ziet er ongeveer zo uit:

Neem even de tijd om te bepalen welke kolommen “inhoud” bevatten en welke “structuur”. Dat onderscheid vormt de basis van deze werkwijze.

Kolommen met content (vertaal deze):

• Name
• Post Body
• Post Summary
• SEO Title
• SEO Description

Structuurkolommen (laat deze ongewijzigd):

• Slug (je URL-pad)
• Main Image (een bestandsverwijzing)
• Category (een ID-verwijzing naar een collectie)
• Published On (een datum)

Dit is een gouden regel voor elke vertaling van een CMS-export: als een veld gegevens bevat die een ander systeem programmatisch uitleest (URL’s, ID’s, datums, bestandsnamen), vertaal je die niet. Alleen menselijk leesbare tekstvelden worden vertaald, zodat je de import niet laat mislukken.

Stap 2: Uploaden naar AI Glot en de opdracht beschrijven

Log in bij AI Glot en upload het CSV-bestand dat je zojuist hebt geëxporteerd. Het platform analyseert automatisch de bestandsstructuur en stelt vast hoeveel kolommen en rijen het bestand bevat en wat waarschijnlijk de brontaal is.

Hier komt de instructie van pas. Geef voor Webflow CMS-exports in één zin precies aan welke kolommen je wilt vertalen. Zo weet AI Glot welke kolommen vertaald moeten worden en welke ongewijzigd blijven.

Zodra de analyse is afgerond, schrijf je je instructie. Per kolom bepaal je of je die wilt:

• Vertalen: vermeld de kolom in je instructie, dan verwerkt AI Glot de inhoud.
• Overslaan: laat de kolom weg, dan blijft de inhoud ongewijzigd.

Voor ons blogvoorbeeld zou de instructie het volgende omvatten:

Deze expliciete instructie onderscheidt een gestructureerde vertaalworkflow van de aanpak ‘alles in ChatGPT plakken en hopen op het beste’. Je geeft de AI precies aan waar de grenzen liggen, en die grenzen staan vast voordat er ook maar één woord wordt verwerkt.

Stap 3: Taal en woordenlijst instellen

Nadat je je abonnement hebt bevestigd, stel je de doeltaal in. AI Glot ondersteunt veel taalcombinaties. De brontaal wordt meestal automatisch herkend op basis van de inhoud.

Dit is ook het juiste moment om termen aan je woordenlijst toe te voegen als je merkspecifieke woordenschat gebruikt. Bijvoorbeeld:

• Je bedrijfsnaam mag nooit worden vertaald.
• Technische productnamen zoals ‘FlowEngine’ of ‘DataSync Pro’ moeten in het Engels blijven.
• Voor vaktermen kunnen in je doelmarkt voorkeursvertalingen gelden.

Als je een blog vertaalt, kun je bijvoorbeeld de volgende termen toevoegen:

Woordenlijsten worden steeds waardevoller naarmate je collectie groeit. Tien artikelen vertalen zonder woordenlijst levert misschien nog acceptabele resultaten op. Maar bij 300 artikelen ontstaan er zonder woordenlijst opvallende inconsistenties, omdat dezelfde term in verschillende berichten anders wordt vertaald. Daarom kun je het beste een vertaalwoordenlijst opstellen voordat je aan je eerste grote batch begint.

Stap 4: De vertaling controleren en starten

Voordat AI Glot credits verbruikt, krijg je een volledig voorbeeld van de opdracht te zien. Op dit controlescherm zie je:

• Het totale aantal woorden dat wordt vertaald.
• De geschatte kosten in credits.
• Welke kolommen zijn opgenomen en welke zijn uitgesloten.
• Een voorbeeld van de brontekst.

Neem een paar seconden de tijd om dit te controleren. Het is veel beter om nu een fout op te merken (zoals het per ongeluk opnemen van de kolom Slug) dan die pas te ontdekken nadat de vertaling klaar is.

Zodra alles er goed uitziet, klik je op “Translate”. AI Glot verwerkt de inhoud op de achtergrond. Je hoeft het browsertabblad niet open te houden. Voor een blogcollectie van 200 items duurt dit doorgaans een paar minuten.

Stap 5: Downloaden en opnieuw importeren in Webflow

Download de vertaalde CSV zodra de vertaling klaar is. Open het bestand in een spreadsheetprogramma en controleer een paar dingen: ziet de vertaalde tekst er goed uit, zijn de slugs ongewijzigd en komt het aantal rijen overeen met het origineel?

Zo importeer je de gegevens opnieuw in Webflow:

1. Ga naar de instellingen van je CMS-collectie.
2. Klik op “Import CSV.”
3. Upload het vertaalde bestand.
4. Webflow vraagt je om de CSV-kolommen aan de velden van je collectie te koppelen. Koppel ze en bevestig.

Belangrijk: Webflow koppelt items tijdens het importeren op basis van het veld Slug. Zolang je de slugs ongewijzigd hebt gelaten (wat je gegarandeerd hebt door je kolommen expliciet te benoemen), wordt de vertaalde inhoud aan de juiste items toegevoegd.

Als je de ingebouwde Localization-functie van Webflow gebruikt, moet je de vertaalde inhoud mogelijk importeren in de specifieke taalvariant van elk item. Sommige teams gebruiken hiervoor de Webflow API bij zeer grote collecties.

Rich-textvelden verwerken

Het veld Post Body van Webflow (of een ander Rich Text-veld) wordt als HTML naar de CSV geëxporteerd. Dat is juist handig voor het vertalen, omdat de AI de semantische structuur van de inhoud begrijpt, zoals koppen, alinea’s, lijsten en links.

AI Glot verwerkt de HTML-inhoud met behoud van de opmaak. Een alinea zoals deze:

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

Wordt bijvoorbeeld vertaald als:

<p>Notre <strong>nouvelle API</strong> prend en charge <a href="/docs">la documentation complète</a>.</p>

De HTML-tags, href-attributen van links en structurele elementen blijven intact. Alleen de zichtbare tekst wordt aangepast. De opnieuw geïmporteerde inhoud ziet er in de Webflow Designer dus precies zo uit als het origineel, maar dan in de doeltaal.

En hoe zit het met nieuwe content?

Deze CSV-workflow is vooral handig voor de eerste bulkvertaling, bijvoorbeeld als je je bestaande blogarchief van 200 artikelen beschikbaar wilt maken in het Frans.

Voor nieuwe content, zoals nieuwe berichten die wekelijks worden gepubliceerd, heb je twee praktische opties:

1. Vertaal nieuwe berichten rechtstreeks in de Webflow Editor zodra ze worden gepubliceerd. Bij 1-2 berichten per week is de handmatige werkwijze goed te doen.
2. Verwerk nieuwe berichten maandelijks in een batch door de collectie te exporteren, de niet-vertaalde items te filteren, ze met AI Glot te vertalen en ze opnieuw te importeren.

De meeste teams merken dat een hybride aanpak het beste werkt: native lokalisatie voor redactionele behoeften die direct moeten worden opgepakt, en periodieke CSV-batches voor de rest.

Kort samengevat

Een Webflow CMS-collectie vertalen hoeft niet te betekenen dat je wekenlang handmatig tekst in de Editor kopieert en plakt. Met export via CSV beschik je over een beheerste, herhaalbare workflow waarmee je honderden items verwerkt in de tijd die je anders nodig zou hebben om er tien handmatig te vertalen.

De sleutel is precies aangeven welke kolommen je wilt vertalen, zodat je structurele gegevens intact blijven en AI de inhoud kan vertalen. Combineer dit met een woordenlijst voor consistente branding, en je maakt van Webflow-lokalisatie een routine in plaats van een knelpunt.

Klaar om je eerste Webflow-collectie te vertalen? Meld je aan bij AI Glot en test de workflow met een batch uit je kleinste collectie.