Comment exporter le code Webflow : natif ou URL cover image
Blog
Équipe NoCodeExport
Webflow
4 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.

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.

Pour une URL, ouvrez l'exportateur Webflow vers HTML. Pour l'export natif, consultez la documentation officielle Webflow.

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
CMSPas de CMS fonctionnel exportéLe visible peut être capturé, pas le CMS
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 le site dans Webflow Designer.
  2. Sélectionnez l'option d'export du code.
  3. Préparez et téléchargez le ZIP.
  4. Décompressez-le dans un dossier versionné.
  5. Servez le HTML localement et contrôlez toutes les pages.

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

  1. Publiez la dernière version approuvée.
  2. Retirez la protection uniquement si cela est autorisé et sûr.
  3. Collez l'URL dans l'exportateur Webflow.
  4. Téléchargez le ZIP et conservez une archive intacte.
  5. Vérifiez pages, fichiers, requêtes externes et console.

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

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.