Webflow est une plateforme adaptée aux utilisateurs qui aide à créer des sites web professionnels grâce à un éditeur visuel intuitif. Toutefois, si vous avez votre site depuis un certain temps déjà, vous recherchez peut-être une solution plus flexible et plus avancée, comme WordPress.
La migration de Webflow vers WordPress peut sembler être une tâche intimidante, surtout si votre site contient beaucoup de contenu. Cependant, le processus est plus simple que vous ne le pensez, et vous pouvez avoir votre nouveau site WordPress opérationnel en un rien de temps.
Dans cet article, nous allons commencer par discuter brièvement des raisons pour lesquelles vous pourriez vouloir passer de Webflow à WordPress. Nous vous guiderons ensuite à travers l’ensemble du processus de migration.
C’est parti !
Pourquoi vous devriez envisager de passer de Webflow à WordPress
Comme la plupart des solutions de sites web tout-en-un, Webflow vous permet de créer et de lancer un site web sans trop de difficultés. Il sert à la fois de constructeur de site web et d’hébergeur. Si cela semble très pratique, cela peut aussi sembler un peu contraignant. Comme tous les aspects de votre site sont gérés par le même service, vous pouvez vous sentir limité lorsque vous ajoutez de nouvelles fonctionnalités ou optimisez votre contenu.
Un système de gestion de contenu (Content Management System ou CMS) open source tel que WordPress vous donne plus de liberté de personnalisation. Bien que Webflow dispose d’un large éventail d’applications et de widgets, il n’est pas comparable à la richesse des extensions que WordPress a à offrir.
Avec WordPress, vous avez également le contrôle de votre hébergement web et de votre budget. Vous pouvez rechercher et choisir la bonne solution pour votre site web. De plus, le logiciel WordPress est gratuit, tout comme la plupart de ses extensions disponibles. Par conséquent, la migration de Webflow vers WordPress peut également vous aider à réduire les dépenses liées à votre site web.
Choses à considérer avant de migrer de Webflow vers WordPress
Que vous gériez un blog ou une boutique eCommerce, la migration d’un site web peut sembler être une tâche difficile et chronophage. Pourtant, le processus n’est pas si long. De plus, il est possible d’effectuer la migration par vous-même si vous avez accès aux bons outils.
Cependant, avant de commencer, il y a certaines choses que vous devrez faire. Examinons quelques préparatifs essentiels pour votre migration de Webflow vers WordPress.
Trouver un hébergeur web WordPress
Comme nous l’avons mentionné précédemment, l’une des meilleures choses à propos de l’utilisation de WordPress est de pouvoir choisir l’hébergeur web que vous voulez. Vous pouvez donc sélectionner un service qui répond à vos besoins ainsi qu’à votre budget.
Bien qu’il puisse être tentant d’opter pour un service d’hébergement bon marché, vous pouvez envisager d’obtenir un hébergement WordPress infogéré pour votre site. Ce service est généralement plus onéreux que les autres options. Cependant, il peut vous aider à améliorer les performances de votre site et à assurer la sécurité de votre contenu.
Chez Kinsta, nous proposons une gamme de plans d’hébergement adaptés à différents budgets. Notre service d’hébergement WordPress géré est doté d’une multitude de fonctionnalités, notamment :
- Installation rapide et facile de WordPress
- Sauvegardes quotidiennes automatiques
- Suppression des pirates et des logiciels malveillants
- Support 24/7
- Certificats SSL gratuits
Nous offrons également des migrations gratuites illimitées à partir de tous les hébergeurs pour vous aider à faire votre déménagement sans stress. De plus, vous pouvez utiliser notre outil de développement convivial, DevKinsta, pour concevoir votre premier site web WordPress.
Idéalement, vous aurez configuré votre nouveau compte d’hébergement avant de commencer la migration. Cette préparation vous aidera à rendre le processus un peu plus rapide.
Sauvegardez vos données
Il est important de noter que vous ne déplacerez pas réellement votre contenu de Webflow vers WordPress pendant le processus de migration. Vous allez simplement en télécharger une copie sur votre ordinateur, puis la téléverser sur WordPress. Par conséquent, votre site Webflow restera tel quel, il n’est donc pas nécessaire de sauvegarder votre contenu.
Cependant, vous pouvez toujours choisir d’effectuer une sauvegarde au cas où quelque chose ne fonctionnerait pas. Pour effectuer une sauvegarde sur Webflow, il vous suffit de maintenir enfoncées les touches Commande + Maj + S (sur Mac) ou Contrôle + Maj + S (sur Windows) :
Webflow vous demandera ensuite de saisir une description pour votre sauvegarde. Lorsque vous êtes prêt, cliquez sur Sauvegarder. Vous pouvez ensuite aller dans Réglages > Sauvegardes pour vous assurer que votre dernière copie a bien été enregistrée.
Comment migrer de Webflow vers WordPress (en 6 étapes)
Maintenant que vous avez configuré votre compte d’hébergement et effectué une sauvegarde de vos données, il est temps de déplacer votre contenu de Webflow vers WordPress. Dans ce tutoriel, nous vous guiderons tout au long du processus de migration pour vous aider à lancer votre nouveau site.
Étape 1 : Configuration de WordPress
La première étape consiste à configurer WordPress. La plupart des hébergeurs proposent une installation de WordPress en un clic avec leurs forfaits, à laquelle vous pouvez accéder depuis votre compte d’hébergement. Cette fonction est normalement accompagnée d’un guide d’installation qui vous aidera à terminer le processus en quelques minutes seulement.
Vous pouvez également télécharger le logiciel manuellement à partir de WordPress.org:
Vous devrez ensuite téléverser vos fichiers WordPress sur votre serveur. Le processus peut prendre quelques minutes. Une fois que c’est fait, vous pouvez procéder à l’exportation de Webflow vers WordPress.
Étape 2 : Exportation de votre contenu depuis Webflow
Maintenant que vous avez installé WordPress, vous pouvez préparer le contenu de votre nouveau site. Heureusement, Webflow rend l’exportation de vos données super facile.
Cependant, vous ne pouvez pas tout exporter. Le contenu téléchargeable depuis Webflow comprend les pages web, les articles de blog, les textes, les blocs intégrés, les pages de galerie et les images.
Pour exporter votre contenu, allez dans votre concepteur Webflow et cliquez sur le panneau Collections CMS. Ici, vous pouvez voir tous les fichiers et les données sur votre serveur Webflow :
Sélectionnez la collection que vous souhaitez télécharger (par exemple, les articles de blog) et cliquez sur le bouton Exporter situé en haut de votre écran. Le contenu sera téléchargé sur votre ordinateur sous forme de fichier .csv. Vous pouvez répéter ce processus pour toute autre collection que vous souhaitez exporter.
Étape 3 : Importez votre contenu dans WordPress
L’étape suivante consiste à téléverser votre contenu Webflow sur WordPress. Le CMS est livré avec un outil d’importation qui vous permet de téléverser des fichiers au format XML. Malheureusement, Webflow ne vous permet de télécharger du contenu que sous forme de fichier CSV.
Par conséquent, vous devrez utiliser une extension de migration pour importer des fichiers CSV dans WordPress. Nous recommandons WP All Import :
Pour ajouter l’extension dans votre site web, allez dans Extensions > Ajouter dans votre tableau de bord WordPress et cherchez l’outil dans la barre de recherche.
Ensuite, cliquez sur le bouton Installer maintenant, puis sur Activer. Une fois l’extension activée, rendez-vous dans All Import > New Import :
Cliquez sur l’option Upload a file, puis sélectionnez le fichier CSV que vous avez téléchargé précédemment. L’extension vous guidera ensuite dans le processus d’importation.
Pour ce tutoriel, nous importons les articles de blog de Webflow :
L’extension vous demandera de faire glisser les éléments dans les bons champs à l’aide d’une interface en glisser-déposer :
Par exemple, vous devrez faire glisser le nom de votre article (à partir de la droite) vers le champ titre et postbody vers la zone correspondante. Vous verrez également des options pour ajouter des taxonomies, telles que des catégories et des étiquettes, et configurer d’autres réglages, comme l’état de l’article :
Notez que ces réglages seront appliqués à chaque article dans votre fichier. Par conséquent, vous n’aurez pas à répéter le processus pour chaque article que vous avez importé.
Ensuite, il vous sera demandé de définir un identifiant unique pour les articles de votre fichier. Vous pouvez cliquer sur le bouton Autodétection pour générer un ID :
Enfin, vous devrez cliquer sur le bouton Confirm & Run Import pour finaliser le processus :
L’extension vous fera savoir lorsque le processus d’importation sera terminé :
Une fois que c’est fait, vous pouvez vérifier votre contenu en naviguant vers Articles ou Pages dans votre tableau de bord. Vous devrez également répéter le processus d’importation pour tous les autres fichiers Webflow que vous avez téléchargés.
Notez que WordPress ne prend pas en charge l’importation automatique d’images provenant d’autres plateformes telles que Webflow. Par conséquent, vous devrez ajouter vos graphiques manuellement ou utiliser une extension telle qu’Auto Upload Images.
Cette extension recherchera les URL d’images dans vos articles et pages. Elle téléchargera ensuite ces graphiques et les téléversera sur WordPress, en remplaçant les URL.
Étape 4 : Choisissez un thème WordPress
Malheureusement, vous ne pouvez pas transférer le design de votre site Webflow sur WordPress. Cependant, le CMS populaire offre des milliers de beaux thèmes parmi lesquels vous pouvez choisir.
Les thèmes WordPress sont personnalisables, vous pouvez donc les modifier en fonction de vos besoins. De plus, la plupart d’entre eux sont gratuits, bien que certains thèmes payants puissent également être tout à fait abordables.
Nous vous recommandons de passer un peu de temps à personnaliser votre thème WordPress et à essayer différentes options. Cependant, vous voudrez choisir un design responsive, car cela vous aidera à vous assurer que votre contenu s’affiche bien sur tous les appareils.
Étape 5 : Configurez vos permaliens WordPress
Ensuite, vous devrez configurer vos permaliens WordPress. Ils définissent la structure de l’URL de votre site.
Pour accéder à vos permaliens, allez dans Réglages > Permaliens dans votre tableau de bord WordPress :
Comme vous pouvez le voir, vous avez plusieurs options. Nous vous recommandons de sélectionner Nom de la publication. De cette façon, vos URL seront composées de votre nom de domaine et du slug que vous avez défini pour cette page ou cet article particulier. Avoir des URL courtes et propres peut être bénéfique pour l’optimisation des moteurs de recherche (SEO) de votre site.
Lorsque vous êtes prêt, cliquez sur Enregistrer les modifications. Vous pouvez maintenant passer à la dernière étape.
Étape 6 : Faites pointer votre domaine vers WordPress
Même si vous avez importé votre site sur WordPress, votre domaine (par exemple, monsite.com) pointe toujours vers les serveurs de noms de Webflow. Si vous souhaitez conserver le même domaine, vous devrez mettre à jour vos réglages DNS afin que votre domaine pointe vers les serveurs de votre nouvel hébergeur web.
Vous pouvez trouver les serveurs de noms de votre hébergeur dans votre compte d’hébergement. Ils ressemblent généralement à ceci :
- ns1.votrehebergeur.com
- ns2.votrehebergeur.com
- ns3.votrehebergeur.com
Si vous avez utilisé un registraire de domaine lorsque vous avez créé votre site Webflow, vous devrez vous connecter à votre compte pour gérer les réglages DNS. Votre nouvel hébergeur peut même vous permettre de gérer votre domaine via son panneau de contrôle. Si vous êtes un client Kinsta, vous pouvez utiliser MyKinsta pour faire pointer votre domaine vers votre nouveau site web.
Désormais, lorsqu’un visiteur saisi votre URL dans Google, il sera dirigé vers votre nouveau site. Nous vous recommandons d’effectuer cette étape une fois que votre site web WordPress est prêt à être mis en ligne.
Résumé
Webflow est un constructeur de sites web tout-en-un qui facilite le lancement et la gestion de votre site. Toutefois, à mesure que votre site web se développe, vous devrez peut-être passer à une plateforme plus souple et plus puissante, telle que WordPress.
Comme nous l’avons vu, la migration de Webflow vers WordPress peut se faire en douceur. Cependant, il est essentiel de choisir le bon fournisseur d’hébergement pour votre nouveau site web. Vous devrez également sélectionner un thème WordPress responsive, optimiser vos permaliens et mettre à jour les réglages de votre domaine afin que les utilisateurs soient dirigés vers votre nouveau site.
Vous avez des questions sur la migration de Webflow vers WordPress ? Faites-nous en part dans la section des commentaires ci-dessous !
Rédacteur en chef chez Kinsta et consultant en marketing de contenu pour les développeurs de plugins WordPress. Connectez-vous avec Matteo sur Twitter.
Laisser un commentaire