Aller au contenu
Comment exporter le code Webflow : natif ou URL cover image
Blog
Équipe NoCodeExport
Webflow
5 min de lecture

Comment exporter le code Webflow : natif ou URL

Guide actuel de l'export Webflow : prérequis, fichiers, limites CMS et formulaires, export par URL, QA et déploiement.

Exportez votre site en HTML

Collez une URL publique. Le plan gratuit exporte une seule page, sans carte bancaire.

Deux méthodes permettent d'exporter Webflow : utiliser Export code depuis le projet ou capturer le frontend d'une URL publiée. Elles répondent à des niveaux d'accès différents et ne remplacent pas automatiquement tous les services Webflow.

Votre site publié est prêt à être exporté ? Analysez son URL avec l'exportateur Webflow et vérifiez les pages détectées. Pour utiliser l'export intégré de Webflow, suivez les étapes de la méthode native ci-dessous et consultez sa documentation officielle.

Comparaison rapide

QuestionExport natifExport d'URL
Accès nécessaireProjet et Workspace payantURL publique et autorisation
SourceExport du projetFrontend rendu
FichiersHTML, CSS, JS et ressources inclusesHTML, styles, scripts et ressources accessibles
Contenu et édition du CMSLes listes de collections sont exportées vides ; les pages de collections omettent le contenu lié au CMS. Aucun CMS fonctionnel n'est inclus.Les pages de collections publiées et accessibles peuvent être capturées en fichiers statiques, dans les limites d'exploration et du forfait. Les données et l'édition du CMS ne sont pas recréées.
FormulairesTraitement Webflow non transféréTraitement à remplacer

Méthode 1 : export natif

Webflow indique qu'un Workspace payant est requis. Un Site plan ne remplace pas ce prérequis. Vérifiez les permissions et tarifs actuels avant de changer de plan.

  1. Ouvrez votre site dans Webflow.
  2. Ouvrez le menu W et choisissez Code export, ou utilisez Shift + E.
  3. Choisissez Prepare ZIP, puis téléchargez l'archive.
  4. Extrayez les fichiers dans un dossier de travail.
  5. Servez ce dossier localement et vérifiez chaque page importante avant le déploiement.

Le ZIP contient généralement le HTML des pages statiques, CSS, JavaScript, images et autres ressources incluses par Webflow.

Ce que Webflow exclut

La documentation officielle demande de migrer séparément :

  • contenu et fonctionnalité CMS ;
  • comptes utilisateurs ;
  • base et fonctions ecommerce ;
  • contenu localisé hors locale principale ;
  • recherche du site ;
  • traitement des formulaires et reCAPTCHA ;
  • protection par mot de passe ;
  • code components.

Le markup visible d'un formulaire ou d'une collection n'est pas son backend. Choisissez un nouveau CMS, gestionnaire de formulaires, moteur de recherche, ecommerce ou backend avant le changement DNS.

Méthode 2 : exporter une URL publiée

Utilisez cette méthode uniquement avec une URL publique que vous êtes autorisé à exporter.

  1. Publiez la version à exporter et vérifiez que les pages concernées sont accessibles publiquement.
  2. Collez l'URL dans l'exportateur Webflow et lancez l'analyse.
  3. Vérifiez les pages détectées, choisissez les pages à exporter et consultez les limites et les options disponibles.
  4. Lancez l'export, téléchargez le ZIP et conservez une copie intacte.
  5. Servez les fichiers via HTTP ; testez la navigation, les ressources, les interactions et les services de remplacement.

L'analyse est gratuite. Le forfait Gratuit permet 10 exports d'une seule page par mois ; choisissez une offre payante adaptée pour exporter le site entier ou télécharger les ressources localement. Consultez les options actuelles de l'exportateur avant de continuer.

Cette méthode capture le résultat public. Elle ne récupère pas pages non publiées, composants Designer, relations CMS, identifiants, code serveur ou données privées.

Migrer le CMS

Choisissez la destination : CMS headless, WordPress, autre base ou contenu statique. Utilisez un export de données autorisé lorsque possible. Préservez champs, slugs, relations, images, URLs de templates et métadonnées SEO.

Formulaires, recherche et ecommerce

Remplacez le traitement des formulaires et reconnectez validation, antispam, notifications, consentement et conservation des données. Recréez la recherche. Considérez ecommerce et comptes comme des migrations applicatives : commandes, clients, stock, authentification et paiements dépassent l'export statique.

Interactions et JavaScript

Certaines interactions peuvent continuer si scripts et attributs requis sont présents. Testez scroll, menus, sliders, tabs, modales, hover, reduced motion et tactile. Ne supprimez un script qu'après vérification.

Ressources et polices

Identifiez images, vidéos, polices, CSS et scripts encore externes. Téléchargez les ressources que vous pouvez héberger, mettez les références à jour et préservez les images responsive. Vérifiez les licences.

Checklist SEO et déploiement

  • Garder les URLs utiles ou créer des redirections permanentes directes
  • Une canonical propre par page finale
  • Restaurer titres, descriptions, headings, Open Graph et JSON-LD nécessaire
  • Sitemap limité aux URLs canoniques finales
  • Vérifier robots et retirer noindex du staging
  • Tester liens, ressources, statuts, 404, formulaires et interactions
  • Mesurer le site exporté ; les gains varient selon la page et l'hébergement
  • Changer le DNS après QA puis surveiller Search Console

Utilisez l'export natif avec l'accès projet et le Workspace requis ; utilisez l'URL lorsque le frontend publié est la source disponible. Migrez chaque service Webflow séparément.

Ressources associées

Questions Fréquemment Posées

Oui. Webflow propose un export natif sur les Workspace payants. Un exportateur d'URL publiée est une autre option avec l'autorisation de copier le frontend public.

Webflow documente notamment l'exclusion du CMS fonctionnel, des utilisateurs, de l'ecommerce, de la majorité des locales, de la recherche, du traitement des formulaires, des mots de passe et code components.

Certaines peuvent continuer si scripts et attributs requis sont présents, mais cela dépend du site. Testez chaque interaction importante sur le site exporté.

Le traitement hébergé par Webflow ne suit pas l'export statique. Connectez un autre gestionnaire et testez validation, antispam, consentement et états.

Continuez avec la bonne prochaine etape

Comment exporter Webflow en HTML étape par étape

Ce flux part d’une URL publique et crée un instantané statique des pages accessibles pour vérification et auto-hébergement.

01

Ouvrir le projet Webflow publié

Partez de l’URL publique pour capturer la mise en page rendue, les pages accessibles et les ressources disponibles.

02

Générer un paquet portable

Rassemblez les pages et ressources accessibles dans un téléchargement unique à vérifier.

03

Déployer là où votre équipe travaille déjà

Publiez les fichiers sur votre hébergement préféré et reconnectez les redirections, les statistiques ou les services côté serveur nécessaires.

Export de code Webflow natif ou capture depuis une URL

Ce dont vous avez besoin
Flux natif Webflow
NoCodeExport
Accès à un code déployable
Disponible avec les offres Workspace payantes éligibles.
Crée un paquet statique rendu depuis une URL publiée.
Contenu CMS
Les bases de données et le contenu dynamique du CMS sont exclus de l’export de code natif.
Les pages CMS publiées et accessibles peuvent être capturées comme instantanés statiques.
Préparation de la migration
Nécessite aussi un contrôle qualité et la planification de remplacements pour les fonctions hébergées exclues.
Produit un instantané à vérifier ; formulaires, recherche, comptes et e-commerce nécessitent des remplacements.
Meilleur cas d’usage
Équipes qui utilisent l’export de code natif depuis un Workspace payant.
Équipes qui ont besoin d’un instantané rendu depuis une URL publique, y compris des pages CMS accessibles.

Prenez le Contrôle Total de vos Projets Web

NoCodeExport est plus qu'un outil de conversion ; c'est une passerelle vers le développement web moderne pour les designers et créateurs qui valorisent la propriété du code et la performance.