Comment traduire un export CMS Webflow avec l'IA

L’essentiel : Traduire manuellement une collection CMS Webflow est un gouffre de temps. Le seul workflow scalable consiste à exporter votre collection en CSV, à utiliser un moteur IA spécialisé pour localiser vos champs rich text et SEO en sautant vos slugs et IDs de référence, puis à réimporter les données pour mettre à jour des centaines d’items en quelques minutes.

Ce guide vous montrera comment traduire une collection CMS Webflow entière — de l’export à la réimportation — en moins de 10 minutes grâce au mode Colonnes Sélectionnées d’AI Glot.

Si vous avez lu notre aperçu de comment fonctionne la localisation Webflow, vous savez que l’éditeur natif est excellent pour les pages statiques mais devient péniblement lent pour les grandes collections CMS. Traduire 200 articles de blog champ par champ n’est pas un workflow réaliste pour la plupart des équipes.

La solution est simple : exportez la collection CMS en CSV, traduisez uniquement les colonnes texte, et réimportez le résultat. Ce guide couvre chaque étape avec suffisamment de détails pour que vous puissiez le suivre avec votre propre projet Webflow.

Prérequis

Avant de commencer, assurez-vous d’avoir :

• Un site Webflow avec au moins une collection CMS contenant du contenu à traduire.
• Un compte AI Glot (le plan gratuit offre 500 crédits mensuels plus un bonus de 2 000 crédits à l’inscription, suffisant pour une collection de taille moyenne).
• Une familiarité basique avec les fichiers CSV. Si vous savez ouvrir un tableur, vous êtes prêt.

Étape 1 : Exportez votre collection CMS depuis Webflow

Ouvrez votre projet Webflow et accédez au panneau CMS (l’icône de base de données dans la barre latérale gauche). Sélectionnez la collection que vous souhaitez traduire. Pour cet exemple, nous utiliserons une collection « Articles de blog », mais le processus est identique pour les pages produits, études de cas, membres d’équipe ou tout autre type de collection.

Cliquez sur l’icône d’engrenage des paramètres de la collection, puis sélectionnez « Export CSV ». Webflow téléchargera un fichier contenant chaque item de la collection, avec chaque champ en colonne.

Ouvrez le fichier dans n’importe quel tableur (Google Sheets, Excel, Numbers) pour vous familiariser avec la structure. Un export type de collection blog ressemble à ceci :

Prenez un moment pour identifier les colonnes « contenu » et les colonnes « structure ». Cette distinction est le fondement de tout le workflow.

Colonnes de contenu (à traduire) :

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

Colonnes de structure (à laisser intactes) :

• Slug (votre chemin d’URL)
• Main Image (une référence de fichier)
• Category (un ID de référence de collection)
• Published On (une date)

C’est la règle d’or pour toute traduction d’export CMS : si le champ contient des données lues programmatiquement par un autre système (URLs, IDs, dates, noms de fichiers), il ne doit pas être traduit. Seuls les champs texte lisibles par les humains reçoivent le traitement traduction.

Étape 2 : Téléchargez sur AI Glot et sélectionnez votre mode

Connectez-vous à AI Glot et téléchargez le fichier CSV que vous venez d’exporter. La plateforme analysera automatiquement la structure du fichier, détectant le nombre de colonnes, de lignes et la langue source probable.

C’est là que le choix du mode est crucial. Pour les exports CMS Webflow, le mode Colonnes Sélectionnées est presque toujours le bon choix. Ce mode vous permet de marquer explicitement quelles colonnes doivent être traduites et lesquelles doivent rester intactes.

Une fois l’analyse terminée, vous verrez une interface de mappage. Pour chaque colonne, vous décidez :

• Traduire : l’IA traitera le contenu de cette colonne.
• Ignorer : cette colonne passe à travers sans modification.

Pour notre exemple blog, le mappage serait :

Ce mappage explicite est ce qui distingue un workflow de traduction structuré de l’approche « tout coller dans ChatGPT et croiser les doigts ». Vous indiquez à l’IA exactement où sont les frontières, et ces frontières sont verrouillées avant qu’un seul mot ne soit traité.

Étape 3 : Configurez la langue et le glossaire

Après avoir confirmé votre mappage de colonnes, définissez la langue cible. AI Glot prend en charge une large gamme de paires de langues, et la langue source est généralement détectée automatiquement depuis le contenu.

C’est aussi le bon moment pour ajouter des termes de glossaire si vous avez un vocabulaire spécifique à votre marque. Par exemple :

• Le nom de votre entreprise ne doit jamais être traduit.
• Les noms de produits techniques comme « FlowEngine » ou « DataSync Pro » doivent rester en anglais.
• Certains termes métier ont des traductions privilégiées sur votre marché cible.

Si vous traduisez un blog, vous pourriez ajouter des entrées comme :

Les glossaires deviennent de plus en plus précieux à mesure que votre collection grandit. Traduire 10 articles sans glossaire peut produire des résultats acceptables. En traduire 300 sans en produira des incohérences visibles où le même terme est rendu différemment d’un article à l’autre.

Étape 4 : Vérifiez et lancez la traduction

Avant qu’AI Glot dépense des crédits, vous obtenez un aperçu complet du job. Cet écran de revue affiche :

• Le nombre total de mots à traduire.
• Le coût estimé en crédits.
• Les colonnes incluses et exclues.
• Un échantillon du contenu source.

Prenez quelques secondes pour vérifier cela. Il vaut bien mieux détecter une erreur maintenant (comme avoir accidentellement inclus la colonne Slug) que de la découvrir après la traduction.

Une fois que tout semble correct, cliquez sur « Traduire ». AI Glot traite le contenu en arrière-plan. Vous n’avez pas besoin de garder l’onglet ouvert. Pour une collection blog de 200 items, cela prend généralement quelques minutes.

Étape 5 : Téléchargez et réimportez dans Webflow

Une fois la traduction terminée, téléchargez le CSV traduit. Ouvrez-le dans un tableur pour une vérification rapide : assurez-vous que le texte traduit semble correct, que les slugs sont inchangés et que le nombre de lignes correspond à l’original.

Pour réimporter dans Webflow :

1. Accédez aux paramètres de votre collection CMS.
2. Cliquez sur « Import CSV ».
3. Téléchargez le fichier traduit.
4. Webflow vous demandera de mapper les colonnes CSV aux champs de votre collection. Faites-les correspondre et confirmez.

Important : Webflow fait correspondre les items par leur champ Slug lors de l’import. Tant que vous avez conservé les slugs inchangés (ce que le mode Colonnes Sélectionnées garantit), le contenu traduit sera appliqué aux bons items.

Si vous travaillez avec la fonctionnalité de Localisation native de Webflow, vous devrez peut-être importer le contenu traduit dans la variante locale spécifique de chaque item. Certaines équipes utilisent l’API Webflow pour cette étape avec de très grandes collections.

Gérer les champs rich text

Le champ Post Body de Webflow (ou tout champ Rich Text) s’exporte en HTML dans le CSV. C’est en réalité une bonne chose pour la traduction, car l’IA peut comprendre la structure sémantique du contenu — titres, paragraphes, listes et liens.

AI Glot traite le contenu HTML en préservant le balisage. Ainsi, un paragraphe comme :

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

Est traduit en quelque chose comme :

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

Notez que les balises HTML, les attributs href des liens et les éléments structurels restent intacts. Seul le contenu texte visible change. Cela signifie que le contenu réimporté aura exactement le même aspect que l’original dans le Designer Webflow, simplement dans la langue cible.

Et pour le contenu à venir ?

Ce workflow CSV est le plus puissant pour la traduction initiale en masse — par exemple, prendre votre backlog existant de 200 articles et le rendre disponible en français.

Pour le contenu continu (nouveaux articles publiés chaque semaine), vous avez deux options pratiques :

1. Traduire les nouveaux articles nativement dans l’éditeur Webflow au fil des publications. Si c’est 1 à 2 articles par semaine, le workflow manuel reste gérable.
2. Regrouper les nouveaux articles mensuellement en exportant la collection, en filtrant les items non traduits, en les passant dans AI Glot et en réimportant.

La plupart des équipes trouvent qu’une approche hybride fonctionne le mieux : localisation native pour les besoins éditoriaux en temps réel, et passages CSV périodiques pour tout le reste.

Le mot de la fin

Traduire une collection CMS Webflow ne devrait pas signifier des semaines de copier-coller dans l’éditeur. Le chemin d’export CSV vous offre un workflow contrôlé et reproductible qui traite des centaines d’items dans le temps qu’il faudrait pour en traduire manuellement dix.

La clé est d’utiliser le mode Colonnes Sélectionnées pour protéger vos données structurelles tout en laissant l’IA gérer le contenu. Combiné à un glossaire pour la cohérence de marque, ce workflow transforme la localisation Webflow d’un goulot d’étranglement en opération de routine.

Prêt à traduire votre première collection Webflow ? Démarrez avec le plan gratuit d’AI Glot et lancez un lot de test sur votre plus petite collection pour voir le workflow en action.