Article
Exporter le code Webflow : méthode, contenu du ZIP et limites
Webflow6 min de lecture
James BrunettoCo-fondateur & CEO
Pour exporter le code d'un site Webflow, ouvrez le site dans le Designer, appuyez sur Maj + E (ou Menu principal, puis Code export), cliquez sur Prepare ZIP et téléchargez l'archive. Il faut un plan Workspace payant.
Le ZIP contient le HTML de chaque page, les feuilles CSS, le JavaScript des interactions et les images. Il ne contient pas le contenu du CMS, ni ce qui dépend des serveurs de Webflow : formulaires, recherche, e-commerce, pages protégées, langues secondaires.
L'export sert donc à sauvegarder un design, à livrer une maquette intégrée ou à héberger un site vitrine statique, pas à déplacer un site CMS complet.
Explorer cet article avec…
L'export de code Webflow transforme votre site en fichiers statiques que vous pouvez héberger ailleurs. Les étapes et les limites ci-dessous suivent l'article officiel du centre d'aide Webflow sur l'export de code, vérifié en octobre 2026.
Pourquoi exporter le code d'un site Webflow ?
- Sauvegarde : garder une copie du design hors de la plateforme, par exemple avant une refonte.
- Livraison à une équipe technique : fournir une intégration HTML et CSS propre que des développeurs brancheront sur leur propre application.
- Hébergement externe : publier un site vitrine statique sur un autre hébergeur, pour des raisons de contraintes internes ou de souveraineté des données.
- Propriété du travail : remettre au client un livrable autonome à la fin d'une mission.
Comment exporter le code Webflow, étape par étape
- Vérifiez que le site appartient à un Workspace payant (Core, Growth, Freelancer ou Agency). Un plan Site seul ne donne pas accès à l'export.
- Ouvrez le site dans le Designer.
- Cliquez sur le logo W en haut à gauche (Menu principal), puis sur Code export. Raccourci : Maj + E.
- Optionnel : pour un HTML minifié, appuyez sur Cmd + O (Mac) ou Ctrl + O (Windows) dans la fenêtre d'export et cochez Minify HTML.
- Cliquez sur Prepare ZIP, attendez la préparation, puis téléchargez l'archive.
Le Workspace Core coûte 19 $ par mois en facturation annuelle. Le détail des plans est dans notre article sur le tarif Webflow 2026.
Que contient le ZIP exporté ?
- Dossier css : la feuille de style du site, webflow.css (mises en page et composants de base) et normalize.css.
- Dossier js : les scripts qui font fonctionner navbars, sliders, onglets, formulaires côté interface et interactions. Ne les supprimez pas.
- Dossier images : les fichiers du panneau Assets.
- Fichiers HTML : un par page, y compris les pages modèles des Collections, mais vides.
Ce que l'export ne prend pas en charge
| Fonction | Après export | Solution de remplacement |
|---|---|---|
| Contenu du CMS | Listes et pages modèles vides | Export CSV des Collections, puis générateur statique ou CMS headless |
| Formulaires | Envoi non traité, reCAPTCHA et upload inactifs | Service de formulaires tiers ou script serveur |
| Recherche du site | Inactive | Moteur de recherche tiers |
| E-commerce | Inactif | Plateforme e-commerce dédiée |
| Comptes utilisateurs | Inactifs | Solution d'authentification tierce |
| Pages protégées par mot de passe | Accessibles à tous | Protection au niveau de l'hébergeur |
| Langues secondaires (Localize) | Seule la langue principale est exportée | Exporter et traduire hors Webflow |
| Code components | Non exportés | Récupérer le code source des composants |
Les Collections CMS (y compris les items traduits), les produits e-commerce et les comptes utilisateurs s'exportent séparément au format CSV, depuis le panneau CMS. Les soumissions de formulaires déjà reçues peuvent aussi être exportées.
Héberger le code exporté ailleurs : la checklist
Le site exporté est statique : n'importe quel hébergeur de fichiers statiques convient. Avant de basculer le domaine, vérifiez ces points :
- HTTPS : activez un certificat SSL sur le nouvel hébergeur.
- Formulaires : remplacez l'attribut action de chaque formulaire par l'URL d'un service de traitement, et testez l'envoi.
- SEO : contrôlez les balises title, meta description et canonical de chaque page, puis créez ou mettez à jour le sitemap.xml et le robots.txt sur le nouvel hébergement.
- URL : les fichiers sont nommés page.html. Configurez l'hébergeur pour servir des URL sans extension, ou ajoutez des redirections 301 pour ne pas casser les URL déjà indexées.
- Cache et compression : activez la compression (gzip ou Brotli) et des durées de cache longues pour les images, le CSS et le JavaScript.
- Mesure et cookies : vérifiez que les scripts d'analyse et le bandeau de consentement sont bien présents dans chaque page exportée.
La logique des redirections reste la même que dans notre guide des redirections 301 sur Webflow : une ancienne URL, une nouvelle destination équivalente.
Export de code et templates : ce que dit la licence
Si votre site part d'un template, la page des licences de templates Webflow autorise l'hébergement d'une version modifiée sur un autre serveur, sans attribution. La licence d'usage unique reste valable : un template acheté, un seul site final.
Faut-il vraiment quitter l'hébergement Webflow ?
Pour un site avec blog, formulaires et plusieurs langues, l'export fait perdre l'essentiel de ce que paie l'abonnement. Si votre objectif est seulement de ne rien perdre, les sauvegardes intégrées et l'export CSV suffisent souvent : voir notre guide pour sauvegarder et restaurer un site Webflow. Les options d'hébergement sont comparées dans notre article héberger un site Webflow.
Chez Synqro, Webflow Premium Partner depuis 2019, nous recommandons l'export comme sauvegarde ponctuelle ou comme livrable d'intégration. Pour un départ complet de Webflow avec CMS et formulaires, il faut un vrai projet de migration. Notre agence Webflow peut vous aider à choisir la bonne option.
Questions fréquentes
Non. Il faut un plan Workspace payant (Core, Growth, Freelancer ou Agency). Le moins cher, Core, coûte 19 $ par mois en facturation annuelle. Un plan Site seul ne suffit pas.
