Comment exporter le code d'un site Webflow : Guide complet en 2024

Comment et pourquoi exporter le code de votre site Webflow : Guide complet

Exportation de code site Webflow : que vous souhaitiez faire une sauvegarde, transférer le code à un client ou l'héberger ailleurs, découvrez comment exporter le code de votre site Webflow en 2024 !

Cet article a été rédigé par les experts de notre agence webflow - Synqro.

Pourquoi exporter le code de votre site Webflow ?

Webflow est un outil puissant pour la création de sites web, mais il peut être nécessaire d'exporter le code de votre site pour plusieurs raisons :

1. Sauvegarde : L'exportation du code permet de conserver une copie de sauvegarde de votre travail. En cas de problème avec Webflow ou de perte d'accès à votre compte, vous aurez toujours une copie de votre site utilisable pour un nouveau projet ou indépendamment de l'outil.
2. Hébergement externe : Bien que Webflow propose des options d'hébergement, vous pouvez préférer utiliser votre propre hébergeur. L'exportation du code permet de l'héberger où vous le souhaitez, sans attribution requise.
3. Transfert à un client : Si vous créez des sites web pour des clients, ils peuvent demander une copie du code. L'exportation du code leur permet d'héberger leur site eux-mêmes ou simplement de posséder le développement.
   
   ‍

Comment exporter le code de votre site Webflow ?

L'exportation du code de votre site Webflow est simple et se fait en quelques étapes :

1. Ouvrez votre projet Webflow.
2. Allez dans le Designer.
3. Cliquez sur le bouton "Export Code".
4. Cliquez ensuite sur "Prepare Zip".
5. Attendez que la préparation soit terminée.
6. Téléchargez le fichier ZIP.
   
   Exemple Export code Webflow

Votre code est maintenant exporté !

Que contient l'exportation du code de votre site Webflow ?

L'exportation de votre site Webflow comprend :

• Un dossier CSS avec tous les styles de votre site (3 fichiers .css).
• Un dossier JS avec le fichier Webflow.js, contenant tout le JavaScript nécessaire.
• Un dossier d'images avec toutes les images téléchargées dans le gestionnaire d'actifs.
• Des fichiers .html pour toutes les pages de votre site (y compris les pages de modèles de collection, sans le contenu).

Que n'inclut pas l'exportation ?

Certaines fonctionnalités propres à Webflow ne sont pas incluses dans l'exportation du code :

• Le contenu du CMS.
• Le contenu de l'Ecommerce.
• La soumission de formulaires.
• La recherche sur le site.
• Les flow logic.

Les collections CMS et Ecommerce peuvent être exportées séparément au format CSV pour sauvegarder vos éléments de collection, comptes d'utilisateurs et produits.

FAQ sur l'exportation de code Webflow

Pourquoi devrais-je exporter le code de mon site Webflow ?

Exporter le code de votre site Webflow peut être crucial pour plusieurs raisons. Premièrement, cela vous permet de conserver une copie de sauvegarde de votre travail. En cas de problème avec Webflow ou de perte d'accès à votre compte, vous aurez toujours une copie de votre site. Deuxièmement, si vous préférez utiliser un autre hébergeur que celui proposé par Webflow, l'exportation du code vous permet d'héberger votre site où vous le souhaitez. Enfin, si vous travaillez pour des clients, ils peuvent exiger une copie du code de leur site pour le posséder et le gérer eux-mêmes.

Que contient l'exportation du code de mon site Webflow ?

Lorsque vous exportez le code de votre site Webflow, le fichier ZIP téléchargé contient plusieurs éléments essentiels. Vous trouverez un dossier CSS avec tous les styles de votre site, un dossier JS contenant le fichier Webflow.js pour les interactions JavaScript, un dossier d'images avec toutes les images utilisées, et des fichiers .html pour chaque page de votre site. Cependant, certaines fonctionnalités spécifiques à Webflow, comme le contenu du CMS, le commerce électronique, la soumission de formulaires et la recherche sur le site, ne sont pas incluses dans cette exportation.

Est-ce que l'exportation du code Webflow est gratuite ?

Non, l'exportation du code de votre site Webflow nécessite un plan tarifaire payant. Webflow propose différents plans, et pour accéder à la fonctionnalité d'exportation de code, vous devez souscrire à l'un de ces plans. Cela inclut généralement les plans professionnels et supérieurs. Vérifiez les options de tarification sur le site Webflow pour choisir le plan qui correspond le mieux à vos besoins et pour débloquer l'option d'exportation de code.

Comment puis-je exporter les données CMS de mon site Webflow ?

Pour exporter les données CMS de votre site internet Webflow, vous devez suivre un processus distinct de celui de l'exportation du code. Webflow vous permet d'exporter les collections CMS au format CSV. Cela inclut les éléments de collection, les comptes d'utilisateurs et les produits. Accédez à la section CMS de votre projet Webflow, sélectionnez les collections que vous souhaitez exporter, puis choisissez l'option pour exporter en CSV. Cette fonctionnalité est particulièrement utile pour sauvegarder ou migrer le contenu de votre CMS.

Quels sont les avantages de l'hébergement de mon site Webflow sur un autre serveur ?

L'hébergement de votre site Webflow sur un autre serveur peut offrir plusieurs avantages. Vous pouvez avoir un contrôle total sur votre environnement d'hébergement, choisir des serveurs optimisés pour des performances spécifiques, et intégrer des technologies ou des services non pris en charge par Webflow. De plus, cela peut être plus économique à long terme, surtout si vous avez plusieurs sites à héberger. L'exportation du code vous donne la flexibilité d'utiliser des services d'hébergement tiers selon vos besoins spécifiques.

Comment optimiser mon site internet exporté pour les moteurs de recherche ?

Une fois que vous avez exporté le code de votre site internet depuis Webflow, il est important de l'optimiser pour les moteurs de recherche. Assurez-vous que vos balises HTML, telles que les balises titres et les balises meta descriptions, sont correctement configurées. Utilisez des outils comme Google Analytics et Google Search Console pour suivre les performances de votre site. Assurez-vous également que votre site est responsive, c'est-à-dire qu'il s'affiche correctement sur tous les types d'appareils. En optimisant l'ergonomie et en utilisant des balises web appropriées, vous améliorez la visibilité de votre site sur les moteurs de recherche.

Comment protéger les données à caractère personnel sur mon site exporté ?

La protection des données à caractère personnel est cruciale lorsque vous exportez et hébergez votre site internet ailleurs. Assurez-vous de respecter la réglementation de la CNIL et le RGPD sur le navigateur internet en informant les utilisateurs sur la collecte et l'utilisation de leurs données. Mettez en place des politiques de confidentialité claires et utilisez des cookies de manière transparente. Veillez à ce que les informations relatives aux données collectées soient sécurisées et accessibles uniquement aux prestataires et partenaires de confiance. Enfin, intégrez des formulaires et des systèmes de gestion des newsletters qui respectent les règles de protection des données

‍
Conclusion : Export Code Site Webflow

L'exportation du code de votre site Webflow est simple et utile, répondant à divers besoins : sauvegarder votre travail, le transférer à un client ou l'héberger sur une autre plateforme. C'est une fonctionnalité essentielle qui offre une grande flexibilité. Cependant, certaines fonctionnalités de Webflow ne sont pas incluses dans l'exportation, donc assurez-vous de bien comprendre ce qui est et n'est pas inclus avant de procéder.

‍