Protégez votre site Webflow en quelques étapes simples. Une suppression accidentelle ou un problème technique peut anéantir des heures de travail. Voici ce que vous devez savoir pour sécuriser vos données :
- Sauvegardes automatiques : Webflow crée des points de restauration réguliers, notamment après 50 modifications ou des actions importantes comme des publications.
- Sauvegardes manuelles : Créez vos propres sauvegardes avant des changements majeurs pour un contrôle total.
- Plans Webflow : Les sauvegardes automatiques sont incluses dans les plans payants (Basic, CMS, Business, Enterprise), mais pas dans le plan gratuit.
- Restauration facile : Consultez, prévisualisez et restaurez vos sauvegardes directement depuis le Designer ou les Paramètres du site.
- Outils tiers : Des solutions comme ProBackup offrent des sauvegardes avancées, une restauration granulaire et un historique prolongé.
- Bonnes pratiques : Planifiez vos sauvegardes, testez-les régulièrement et documentez vos modifications pour éviter les pertes de données.
Résumé des plans Webflow :
| Plan | Sauvegardes automatiques | Sauvegardes manuelles | Stockage |
|---|---|---|---|
| Starter | Non | Oui | Illimité |
| Basic | Oui | Oui | Illimité |
| CMS | Oui | Oui | Illimité |
| Business | Oui | Oui | Illimité |
| Enterprise | Oui | Oui | Illimité |
Conseil rapide : Associez les sauvegardes Webflow à des outils tiers pour une sécurité renforcée. Préparez-vous aux imprévus et assurez la continuité de votre site en ligne.
Comment sauvegarder (& restaurer) un site Webflow | Tutoriel
Fonctionnalités de sauvegarde intégrées de Webflow
Webflow dispose d’un système de sauvegarde directement intégré à sa plateforme, conçu pour simplifier la gestion et la sécurité de vos projets. Contrairement à certaines autres solutions, les sauvegardes sont incluses de manière native, offrant des options automatiques et manuelles pour répondre à divers besoins [4].
"Webflow's backup system is pretty robust, I know a lot of people here use it daily as an "undo"- especially when learning Webflow and breaking layouts is a daily occurrence. Most of the time it works perfectly." - memeticanMichael Wells, Community Specialist [6]
Sauvegardes automatiques
Webflow génère automatiquement des points de restauration pendant que vous travaillez. Ces sauvegardes se déclenchent tous les 50 auto-enregistrements [2][3]. En outre, des points sont créés lors d’actions importantes, comme la publication de votre site ou des modifications majeures du design [3].
Bien que la fréquence des sauvegardes automatiques ne soit pas personnalisable [2], leur régularité compense cette limitation. Ces sauvegardes fonctionnent en arrière-plan et capturent l’ensemble des données de votre site, y compris la structure, le design, ainsi que les paramètres CMS et e-commerce. Depuis le 25 mars 2024, une mise à jour notable a été introduite : les restaurations ne réinitialisent plus les ID des Collections CMS et e-commerce [2]. Cela garantit que vos intégrations et appels API restent opérationnels après une restauration.
Sauvegardes manuelles
Pour plus de contrôle, Webflow permet de créer des sauvegardes manuelles avant toute modification importante. Vous pouvez accéder à cette option via les Paramètres du site ou directement dans le Designer [2].
Créer une sauvegarde manuelle est simple : rendez-vous dans la section "Sauvegardes" des Paramètres du site, puis ajoutez un nouveau point de restauration avec un nom descriptif. Cette étape est particulièrement recommandée avant une refonte, l’ajout de nouvelles fonctionnalités ou tout changement structurel majeur.
Fonctionnalités de sauvegarde par plan
Webflow offre des sauvegardes illimitées sur tous les plans de site, bien que les fonctionnalités varient selon le type de plan [2][3].
| Plan | Sauvegardes automatiques | Sauvegardes manuelles | Stockage |
|---|---|---|---|
| Starter (gratuit) | Non disponibles | Disponibles | Illimité |
| Basic | Oui | Disponibles | Illimité |
| CMS | Oui | Disponibles | Illimité |
| Business | Oui | Disponibles | Illimité |
| Enterprise | Oui | Disponibles | Illimité |
Les utilisateurs du plan gratuit Starter n’ont pas accès aux sauvegardes automatiques [3]. Ils doivent donc s’appuyer uniquement sur les sauvegardes manuelles et veiller à en créer régulièrement. Les plans payants (Basic, CMS, Business et Enterprise) incluent tous des sauvegardes automatiques avec la même fréquence [3]. Cela garantit que même les petits projets bénéficient d’une protection équivalente à celle des sites d’entreprise.
Enfin, le stockage illimité pour les sauvegardes est un avantage majeur [3]. Vous n’aurez jamais à vous soucier de l’espace disponible ou à supprimer d’anciennes sauvegardes. Cependant, pour une sécurité accrue, il est conseillé d’exporter vos projets critiques sur un stockage externe, comme Google Drive ou Dropbox [3].
Comment restaurer votre site Webflow
Restaurer un site Webflow à partir d'une sauvegarde est un processus simple mais nécessite de suivre certaines étapes avec attention. Heureusement, Webflow crée automatiquement une sauvegarde de votre site avant chaque restauration, offrant une couche de sécurité supplémentaire [2].
Étapes de restauration
Accéder aux sauvegardes
Vous pouvez consulter vos sauvegardes dans les Paramètres du site ou directement depuis le Designer. Chaque sauvegarde est accompagnée d'informations comme la date, l'heure et une courte description pour faciliter votre choix [2][3].
Prévisualiser la sauvegarde
Avant de restaurer, utilisez l’icône en forme d'œil pour prévisualiser la version sélectionnée dans un nouvel onglet [2]. Cela permet de vérifier que c'est bien la version souhaitée avant de lancer la restauration.
Restaurer la version choisie
Une fois la bonne sauvegarde identifiée, cliquez sur l'icône des trois points, sélectionnez "Restaurer la sauvegarde", puis confirmez votre choix [2][3]. Une fois la restauration terminée, passez en revue votre site pour vous assurer qu'il fonctionne correctement.
Publier la version restaurée
Après avoir vérifié que tout est en ordre, publiez la version restaurée pour la rendre accessible à vos utilisateurs [3].
Points à vérifier après la restauration
Une fois la restauration effectuée, il est essentiel de vérifier certains éléments pour garantir que votre site fonctionne sans problème.
Vérifications techniques
Assurez-vous que les API, formulaires, reCAPTCHA et autres intégrations fonctionnent comme prévu [3][8]. Vérifiez également que les éléments interactifs, le design responsive et les paramètres essentiels comme les méta-tags sont conformes [7][8]. Si votre site utilise reCAPTCHA, vous devrez peut-être réinsérer les clés dans Paramètres du site > onglet Formulaires [2].
Impact sur les ID et intégrations
Un détail important : les sauvegardes effectuées avant le 25 mars 2024 modifient les ID des Collections CMS et e-commerce, ce qui peut perturber certaines intégrations [3][2]. En revanche, les sauvegardes créées après cette date conservent les mêmes ID, évitant ainsi ces problèmes [3][2].
Limitations à garder en tête
Il est bon de noter que Webflow ne permet pas de restaurer une seule page ou un élément spécifique. Une restauration concerne toujours l'intégralité du projet [9]. De plus, les paramètres du site et le code personnalisé dans les Paramètres du projet ne sont pas inclus dans les sauvegardes [9].
Pour éviter les surprises, conservez une documentation détaillée de vos API externes, outils et codes personnalisés [3]. Testez régulièrement que toutes les fonctionnalités critiques restent opérationnelles après une restauration [3].
Outils de sauvegarde tiers pour Webflow
Même si Webflow propose des sauvegardes intégrées, les outils tiers apportent une sécurité supplémentaire et des fonctionnalités avancées. Ces solutions sont particulièrement utiles pour les entreprises et projets complexes, car elles protègent contre des risques tels que la perte de données ou les cyberattaques. D’ailleurs, saviez-vous que près de la moitié des entreprises ne parviennent pas à se remettre financièrement après avoir payé une rançon [10] ?
ProBackup pour Webflow
ProBackup est une plateforme dédiée à la sauvegarde des sites Webflow et d'autres applications SaaS. Avec ses sauvegardes quotidiennes automatisées, il prend en charge les pages, les ressources et les éléments CMS de vos sites [11].
Mise en place simplifiée
Configurer ProBackup avec Webflow est un jeu d'enfant. Il suffit de se connecter à son compte ProBackup, de cliquer sur "+ New App", de sélectionner Webflow et de lancer les sauvegardes automatiques [12].
Fonctionnalités avancées
ProBackup se distingue par ses alertes en cas de modifications dans les sauvegardes et ses options de restauration précises. Contrairement à d'autres outils, il ne touche pas aux données existantes dans Webflow. Lors d'une restauration, il recrée une copie en tant qu'élément supplémentaire [11]. En matière de sécurité, ProBackup respecte les normes SOC2 et RGPD. Avec une note de 4,9/5 basée sur les avis clients, il bénéficie d'une solide réputation [11].
Témoignages clients
En avril 2024, Roman L., cofondateur d'une startup, a partagé :
"Service fiable et prévisible qui me rassure. Pouvoir toujours récupérer des données corrompues est très important. ProBackup sauvegarde tous nos enregistrements et fichiers en arrière-plan." [10]
En août 2024, John S., PDG, a ajouté :
"Super facile à configurer et à gérer. Toutes les fonctionnalités que nous souhaiterions pour une sauvegarde complète de Monday.com ou ClickUp. Le prix est abordable." [10]
Tarification
| Plan | Prix mensuel (facturé annuellement) | Fonctionnalités principales |
|---|---|---|
| Plus | 25 € | Sauvegardes quotidiennes, historique sur 6 mois, restauration granulaire |
| Pro | 38 € | Tout du plan Plus + synchronisation avec Google Drive, recherche globale, emails hebdomadaires |
| Premium | 76 € | Tout du plan Pro + historique illimité, SSO, support prioritaire |
Avec une licence unique pour toute l’entreprise, ProBackup offre une solution complète [10].
Ces fonctionnalités montrent bien comment ProBackup complète les sauvegardes natives de Webflow. Mais dans quels cas précis les outils tiers deviennent-ils indispensables ?
Quand utiliser des outils tiers
Les outils tiers prennent tout leur sens lorsque les sauvegardes natives de Webflow atteignent leurs limites. Par exemple, ils permettent de gérer les intégrations externes (API, outils tiers), les ressources stockées dans des bases de données externes, ou encore les modifications de code personnalisé réalisées en dehors du Designer [3].
Des outils comme Zapier peuvent aussi connecter Webflow à des services cloud comme Google Drive ou Dropbox, automatisant ainsi la sauvegarde du contenu.
Pour les entreprises gérant plusieurs sites ou ayant des exigences strictes en matière de conformité, ces solutions offrent un accès continu aux données, réduisant ainsi les risques liés aux interruptions [10]. Rachel L., propriétaire de Rachel's Healthy Resources, témoigne :
"Pro Backup fournit une sauvegarde facile à utiliser pour les applications métier où nous stockons des informations et processus vitaux." [10]
En outre, alors que Webflow ne permet pas de planifier des sauvegardes automatiques, obligeant les utilisateurs à exporter manuellement leurs données, les outils tiers comblent cette lacune. Ils offrent des sauvegardes programmées et des exports automatisés des collections CMS [3].
Enfin, pour le suivi des modifications de code personnalisé, une intégration avec GitHub permet de collaborer efficacement au sein des équipes. En janvier 2024, Paolo B., propriétaire d'une petite entreprise, a salué le support technique de ProBackup :
"Leur support technique était exceptionnel, me guidant méticuleusement à travers le processus par email et appels vidéo jusqu'au succès complet. Excellent service, merci à toute l'équipe Pro Backup !" [10]
Bonnes pratiques pour les sauvegardes Webflow
Pour garantir une restauration fiable de votre site Webflow, il est essentiel de combiner planification, tests réguliers et documentation. Ces étapes viennent compléter les sauvegardes automatiques intégrées de Webflow, offrant ainsi une sécurité renforcée pour vos projets.
Créer un planning de sauvegarde
Même si Webflow propose des sauvegardes automatiques, il est judicieux de définir un calendrier personnalisé en fonction de la fréquence des mises à jour de votre site. Par exemple, un site e-commerce mis à jour quotidiennement pourrait nécessiter des sauvegardes hebdomadaires, tandis qu'un site vitrine, modifié moins souvent, peut se contenter d'une sauvegarde mensuelle [13].
Pour ne rien oublier, programmez des rappels automatiques à l'aide d'outils comme Google Calendar, Asana ou Trello [3]. Si votre site utilise des données CMS, des outils comme Zapier peuvent automatiser des exports réguliers [3].
Assurez-vous également de diversifier vos supports de sauvegarde : combinez stockage local, cloud et disque dur externe [14]. Enfin, testez régulièrement vos sauvegardes pour vous assurer qu'elles fonctionnent correctement.
Tester vos sauvegardes
Les tests de restauration sont essentiels pour garantir l'intégrité de vos données et votre capacité à récupérer rapidement votre site en cas de problème [15]. Effectuez ces tests au moins une fois par trimestre. Restaurez une sauvegarde dans un environnement de test pour vérifier que tout fonctionne correctement [1]. Cela permet d'identifier et de résoudre les éventuels problèmes avant qu'ils n'affectent votre site en ligne.
En parallèle, mesurez le temps nécessaire pour remettre votre site en ligne [5]. Cette information est cruciale, surtout pour des sites à fort trafic comme les boutiques en ligne. Par exemple, une restauration rapide est essentielle pour minimiser les pertes financières liées à une panne.
Après chaque test, notez les éventuelles améliorations ou ajustements nécessaires pour optimiser vos sauvegardes et leur restauration.
Suivi des modifications et documentation
Webflow propose un journal d'activité qui enregistre les modifications importantes effectuées sur votre site, comme les changements de classes, de composants, de paramètres ou de contenu CMS [16]. Cet historique, disponible sur une année, est un outil précieux pour identifier rapidement l'origine d'un problème et le résoudre efficacement.
Cependant, Webflow ne sauvegarde pas les intégrations externes, comme les API ou le code personnalisé [3]. Il est donc indispensable de documenter ces éléments séparément. Par exemple, utilisez GitHub pour gérer les versions de votre code personnalisé [3]. De plus, exportez régulièrement vos collections CMS au format CSV. Ces fichiers offrent une sauvegarde indépendante de Webflow et facilitent la réapplication manuelle des modifications si nécessaire [3].
En cas de panne soudaine ou de perte de données, une stratégie de sauvegarde bien pensée vous permettra de restaurer rapidement votre site à partir de la dernière sauvegarde disponible. Cela limite les interruptions de service et garantit la continuité de vos activités [1].
Conclusion
Les sauvegardes sur Webflow jouent un rôle crucial pour maintenir votre présence en ligne. Comme l’explique Alex Belov, PDG de Belov Digital Agency :
« Crafting an effective website backup and recovery plan is not just about securing data; it's about ensuring business continuity in a digital world filled with risks » [17].
Les chiffres parlent d’eux-mêmes : 93 % des entreprises confrontées à plus de 10 jours de perte de données finissent par mettre la clé sous la porte. De plus, 60 % des petites entreprises cessent leurs activités dans les six mois qui suivent une perte de données, avec un coût moyen estimé à 3,69 millions d'euros en 2022 [18]. Une interruption peut coûter jusqu'à 163 674 € par heure [19].
Tout au long de ce guide, nous avons mis en lumière l’importance d’une approche structurée, incluant la planification, des tests réguliers et une documentation rigoureuse. Associer les sauvegardes automatiques intégrées de Webflow à des solutions manuelles ou tierces renforce considérablement votre protection.
Adopter une stratégie de sauvegarde ne se limite pas à un aspect technique. C’est une véritable assurance contre les interruptions, qui vous permet non seulement de protéger votre entreprise, mais aussi de continuer à innover en toute sérénité tout en préservant votre réputation en ligne.
En suivant les bonnes pratiques recommandées – planification régulière, tests de restauration, documentation complète et diversification des supports – vous transformez un risque majeur en un atout stratégique. Ce n’est pas simplement une précaution, mais un investissement essentiel pour votre succès.
Pour aller plus loin, l’équipe de Vanara, partenaire certifié Webflow, est prête à vous accompagner dans la mise en place d’une stratégie personnalisée. Avec leur expertise, votre site Webflow sera non seulement protégé, mais également préparé à affronter les défis du monde numérique d’aujourd’hui.
FAQs
Comment sauvegarder manuellement mon site Webflow et pourquoi est-ce essentiel avant des modifications importantes ?
Sauvegarder manuellement votre site Webflow
Pour sauvegarder manuellement votre site sur Webflow, commencez par enregistrer vos dernières modifications. Une fois cela fait, ouvrez votre projet dans Webflow et utilisez le raccourci clavier Commande + Maj + S (sur Mac) ou Contrôle + Maj + S (sur Windows) pour créer un point de restauration. Ajoutez un nom ou une description précise à votre sauvegarde afin de la retrouver facilement plus tard, puis cliquez sur Sauvegarder pour confirmer.
Il est crucial de créer une sauvegarde avant d'apporter des modifications importantes à votre site. Cela vous donne la possibilité de revenir à une version antérieure en cas d'erreur ou de problème imprévu. Gardez à l'esprit que certaines restaurations peuvent impacter des éléments comme les données CMS ou les niveaux d'inventaire. En sauvegardant régulièrement, vous réduisez les risques de pertes et vous assurez que votre site reste opérationnel, même dans un environnement en constante évolution.
Quels sont les bénéfices d’utiliser des outils tiers pour compléter les sauvegardes intégrées de Webflow ?
Pourquoi utiliser des outils tiers avec Webflow ?
Compléter les sauvegardes intégrées de Webflow avec des outils tiers peut faire une grande différence. Prenez par exemple des solutions comme ProBackup : elles offrent souvent des fonctionnalités comme des sauvegardes automatiques planifiées, ce qui vous évite de devoir tout gérer manuellement. En cas de problème, cela réduit considérablement les risques de perdre vos données.
Autre avantage, ces outils permettent généralement des restaurations plus précises. Vous pouvez récupérer une version spécifique de votre site à une date donnée, une flexibilité parfois limitée avec les sauvegardes natives de Webflow. Enfin, ces services renforcent souvent la sécurité grâce à des protocoles de cryptage performants, protégeant vos données sensibles contre tout accès non autorisé.
Comment restaurer une version précédente de mon site Webflow à partir d'une sauvegarde ?
Comment restaurer une version précédente de votre site Webflow ?
Si vous devez revenir à une version antérieure de votre site sur Webflow, voici les étapes à suivre :
- Connectez-vous à votre compte Webflow et ouvrez le projet que vous souhaitez modifier.
- Rendez-vous dans les paramètres du projet, puis sélectionnez l'onglet Sauvegardes.
- Parcourez la liste des sauvegardes disponibles et utilisez l'option Aperçu pour vérifier si c'est la version que vous souhaitez restaurer.
- Une fois sûr de votre choix, cliquez sur Restaurer et confirmez l’action.
Ces étapes vous permettent de restaurer une version précédente en toute simplicité. Pensez à sauvegarder fréquemment vos modifications pour limiter les risques de perte de données.