Exportation de code - Aide Webflow

Sur les plans Workspace payants, vous pouvez exporter le HTML, CSS, JavaScript et les ressources de votre site pour sauvegarder votre code, le fournir à votre client ou l'héberger où vous le souhaitez — sans attribution requise.

Comment exporter votre code

1. Ouvrez votre site dans Webflow
2. Allez dans Menu principal > Exportation de code (cliquez sur le logo "W" dans le coin supérieur gauche pour ouvrir le menu principal), ou appuyez sur Maj + E
3. Cliquez sur Préparer ZIP
4. Téléchargez le fichier ZIP

Comment exporter du HTML minifié

Minifier votre HTML peut aider à améliorer les temps de chargement des pages en supprimant les espaces blancs, les commentaires et d'autres éléments de code dont les navigateurs n'ont pas besoin pour charger la page. Pour exporter du HTML minifié :

1. Ouvrez votre site dans Webflow
2. Allez dans Menu principal > Exportation de code (cliquez sur le logo "W" dans le coin supérieur gauche), ou appuyez sur Maj + E
3. Appuyez sur Commande + O (sur Mac) ou Contrôle + O (sur Windows)
4. Cochez la case Minifier HTML qui apparaît dans la fenêtre d'exportation
5. Cliquez sur Préparer ZIP
6. Téléchargez le fichier ZIP

Ce que vos fichiers exportés incluent

Le fichier ZIP téléchargé contient toutes les pages, styles, scripts et images de votre site :

• Un dossier CSS avec tous les styles de votre site inclus dans 3 fichiers .css : - un fichier CSS (par exemple, your-site-name.css) qui contient tous les styles personnalisés de votre site - webflow.css qui contient les styles de base communs pour les composants de mise en page Webflow - normalize.css qui permet aux navigateurs d'afficher tous les éléments de manière plus cohérente
• Un dossier JS avec tous les fichiers JavaScript pour votre site. Les éléments et fonctionnalités comme les formulaires, barres de navigation, curseurs, onglets et interactions dépendent de ces fichiers. Si vous supprimez ces fichiers, votre page pourrait sembler correcte, mais elle ne fonctionnera pas comme prévu.
• Un dossier d'images avec toutes les images téléchargées dans le panneau des ressources de votre site
• Fichiers .html pour toutes les pages de votre site (y compris les pages de modèles de collection vides)

Bon à savoir

Si vous souhaitez voir un exemple du code exporté par Webflow, consultez le code source de la page d'accueil — elle est entièrement construite dans Webflow !

Ce que vos fichiers exportés n'incluent pas

Les fonctionnalités et contenus suivants ne sont pas inclus dans le code exporté et ne fonctionneront pas comme prévu sur les sites exportés :

• Contenu et fonctionnalités CMS (y compris les éléments et listes de collections)
• Contenu et fonctionnalités des Comptes Utilisateurs (y compris les utilisateurs et groupes d'accès)
• Contenu et fonctionnalités Ecommerce (y compris les produits et le paiement)
• Protection par mot de passe du site et/ou des pages
• Traitement des soumissions de formulaires
• Soumissions de formulaires préexistantes (peuvent être exportées séparément)
• Éléments reCAPTCHA dans les formulaires
• Recherche sur le site
• Contenu localisé (seules les pages, éléments et contenus de la langue principale de votre site sont inclus)
• Composants de code

FAQ et conseils de dépannage

Pourquoi y a-t-il un préfixe “w-” devant les noms de classe ?

Webflow préfixe les classes spécifiques aux composants avec “w-” pour éviter les conflits avec d'autres frameworks de code.

Puis-je choisir d'exporter seulement une partie du code de mon site ?

Pour le moment, vous ne pouvez pas choisir ce qui est exporté. Chaque partie exportable de votre site sera incluse dans chaque exportation.

Puis-je modifier le code après l'avoir exporté ?

Vous pouvez modifier le code après l'exportation. Les modifications manuelles des fichiers exportés peuvent casser certains composants Webflow.

Puis-je supprimer les extensions .html de l'URL de mes pages exportées ?

Si vous souhaitez supprimer les extensions .html de vos pages exportées, vous pouvez le faire avec un fichier .htaccess.

Dois-je attribuer Webflow si j'héberge mon site ailleurs ?

Non, vous n'avez pas besoin d'attribuer Webflow ni de maintenir un plan Webflow pour que votre site exporté fonctionne sur votre propre serveur.

Le code exporté inclut-il mon CMS, mes abonnements et mon contenu Ecommerce ?

Non. Le contenu CMS, les Comptes Utilisateurs et le contenu Ecommerce (bases de données) ne sont pas inclus dans le code exporté. Les listes de collections afficheront l'état vide.

Le code exporté inclut-il mes pages, éléments et contenu localisés ?

Non. Les pages, éléments et contenu localisés ne sont pas inclus dans le code exporté. Le code exporté inclut uniquement la langue principale.

Les pages protégées par mot de passe seront-elles toujours protégées après l'exportation de mon code ?

Non. Les pages protégées par mot de passe sur votre site ne seront pas protégées après l'exportation du code. Votre site doit être hébergé avec Webflow pour que la protection par mot de passe fonctionne comme prévu.

Tous les éléments fonctionneront-ils sur mon site si j'héberge le code ailleurs ?

Les contenus et fonctionnalités CMS, Comptes Utilisateurs, Ecommerce, ainsi que les pages, éléments et contenus localisés ne sont pas inclus dans le code exporté. Ces fonctionnalités nécessitent un hébergement pour fonctionner comme prévu. De plus, la recherche sur le site et les formulaires (y compris le téléchargement de fichiers et reCAPTCHA) ne fonctionneront pas sur les sites exportés afin de se conformer au RGPD.

Pourquoi mes animations Lottie ne fonctionnent-elles pas localement lorsque j'exporte mon site ?

Pour des raisons de sécurité, les fichiers JSON Lottie ne se chargeront pas depuis votre système de fichiers local, donc les animations Lottie n'apparaîtront pas lorsque vous chargez votre site localement — elles nécessitent un serveur web pour fonctionner comme prévu.

Retour à l'aide de Webflow