Comment migrer de Webflow vers WordPress (étape par étape)

De nombreux utilisateurs/utilisatrices souhaitent désormais s’éloigner de Webflow en raison de ses coûts élevés et de sa flexibilité limitée pour les propriétaires de sites.

Migrer de Webflow vers WordPress peut sembler compliqué, mais cela en vaut la peine. WordPress est flexible, plus abordable et offre de nombreuses options de personnalisation grâce aux extensions et aux thèmes (aucun codage n’est nécessaire). WordPress vous permet également de contrôler entièrement votre site.

Comme le passage de Webflow à WordPress n’est pas super simple, nous avons suivi tout le processus pour vous aider. Dans ce guide, nous vous aiderons à déplacer votre site, étape par étape.

Vous apprendrez à configurer WordPress et à transférer votre contenu depuis Webflow. Notre objectif est de rendre le changement aussi facile et fluide que possible.

Voici un aperçu rapide des étapes à suivre pour transférer votre site de Webflow à WordPress :

Pourquoi migrer de Webflow à WordPress ?

De nombreux utilisateurs/utilisatrices choisissent Webflow pour ses outils de conception faciles à utiliser et sa simplicité de création de sites.

Cependant, ils se rendent rapidement compte des limites de Webflow. Il s’agit d’une plateforme fermée avec moins de personnalisations, des intégrations limitées et des prix prédateurs.

C’est pourquoi nous recommandons aux utilisateurs/utilisatrices d’éviter Webflow et d’utiliser WordPress à la place.

Nous avons utilisé et testé tous les meilleurs constructeurs de sites, et aucun ne se rapproche de WordPress. Il est à l’origine de plus de 43 % de tous les sites, y compris de nombreuses grandes marques.

Voici quelques éléments qui font de WordPress un bien meilleur choix que Webflow:

• Rentable: De nombreuses options d’hébergement abordables sont disponibles pour WordPress. Il s’agit d’une plateforme gratuite et open-source qui vous permet de contrôler vos coûts.
• Personnalisation: Il dispose d’excellents constructeurs de pages sans code, de milliers de thèmes (modèles de conception) et de nombreuses extensions (59 000+). Ensemble, ces outils vous offrent des options de personnalisation illimitées.
• Intégrations: En tant que constructeur de site le plus populaire, WordPress dispose d’intégrations pour la plupart des outils tiers. Vous pourrez utiliser n’importe quel outil de marketing, d’e-commerce ou de croissance sur votre site.
• Évolutivité: Passez à un niveau d’offre d’hébergement supérieur au fur et à mesure de la croissance de votre site et payez uniquement pour les ressources dont vous avez besoin.

Passer à WordPress vous donne plus de contrôle et de meilleures options. Vous trouverez la gestion de votre site plus facile et vous enregistrerez des économies à long terme.

Voyons quelles sont les étapes à suivre pour que cette transition se fasse en douceur et avec succès.

Étape par étape : S’inscrire à un hébergeur WordPress

Pour commencer la migration, vous aurez besoin d’un fournisseur d’hébergement WordPress. Un bon fournisseur d’hébergement garantit le bon fonctionnement de votre site et sa capacité à gérer le trafic.

Nous recommandons d’utiliser Bluehost, un fournisseur d’hébergement officiel recommandé par WordPress. Bluehost offre actuellement à nos utilisateurs/utilisatrices un nom de domaine gratuit et une énorme remise sur l’hébergement web.

Vous pouvez commencer à 1,99 $/mois, ce qui en fait un choix abordable et fiable.

Alternatives: Si vous souhaitez d’autres options, pensez à Hostinger ou SiteGround. Tous deux sont réputés et offrent d’excellentes performances.

Pour les besoins de ce tutoriel, nous vous afficherons des captures d’écran de Bluehost. Cependant, le processus de base est similaire pour tous les fournisseurs d’hébergement WordPress de premier plan.

Rendez-vous sur le site de Bluehost et cliquez sur le bouton « Premiers pas ».

La page des prix s’affiche alors, vous invitant à choisir une offre.

L’offre Basic convient à la plupart des sites.

Cliquez sur « Sélectionné » pour choisir une offre et continuer.

À l’étape suivante, Bluehost vous demandera de choisir votre domaine.

Si vous avez déjà un domaine personnalisé que vous avez utilisé pour votre site Webflow, vous pouvez le saisir dans la case « Utiliser un domaine que vous possédez ».

Vous pouvez également choisir votre nom de domaine gratuit ici ou cliquer sur « Je créerai mon domaine ultérieurement » pour sauter cette étape.

Ensuite, fournissez vos informations personnelles et vos détails de paiement pour terminer l’achat.

Bluehost vous enverra un e-mail contenant vos données de connexion. Vous pouvez les utiliser pour vous connecter au tableau de bord de votre compte hébergeur.

Lors de votre première connexion, Bluehost installera automatiquement WordPress pour vous. Cliquez sur le bouton « Modifier le site » pour lancer le tableau de bord WordPress.

Besoin d’aide pour l’installation de WordPress ? Consultez notre tutoriel complet d’installation de WordPress pour obtenir des instructions détaillées étape par étape.

Maintenant que vous avez installé WordPress, l’étape suivante consiste à choisir un thème (modèles de conception) pour votre site.

Étape par étape : Choisissez un thème WordPress

Après avoir installé WordPress, l’étape suivante consiste à choisir un thème pour votre site. Il contrôlera l’aspect et la convivialité de votre site.

Il existe des milliers de thèmes WordPress payants et gratuits.

Cependant, les utilisateurs/utilisatrices nouveaux peuvent se sentir submergés par les nombreux choix. Pour vous aider à sélectionner le thème parfait, notre équipe a sélectionné une liste des thèmes WordPress les plus populaires.

Nous vous recommandons de choisir une mise en page simple avec beaucoup d’espace blanc. D’après notre expérience de la création de sites web pour nos entreprises, nous avons trouvé que les Mises en page simples et minimales sont plus professionnelles et plus faciles à utiliser.

Ne réfléchissez pas trop à votre choix. Vous pouvez toujours modifier votre thème WordPress si vous en trouvez un meilleur.

Ultérieurement dans cet article, nous aborderons la conception de pages dans WordPress à l’aide de constructeurs de pages sans code. Cela vous donnera encore plus de contrôle sur la conception de votre site.

Pour l’instant, commençons à exporter les données de Webflow afin de pouvoir les importer dans votre nouveau site WordPress.

Étape par étape : Exportation de votre site Webflow

Bien que Webflow vous permette d’exporter une partie de votre contenu, vous ne pouvez pas l’exporter en totalité.

Voici ce que vous pouvez exporter :

• L’exportation du site comprend le HTML, le CSS, le JS et les images/médias (uniquement avec les offres Espace de travail).
• Exporter des composants de CMS, tels que des publications de blog.

Exportation du site Webflow

Vous ne pouvez pas importer des pages Webflow directement dans votre site WordPress. Cependant, vous pouvez enregistrer votre site avant de transférer votre contenu vers WordPress.

Si vous disposez d’une offre Webflow Workspace, vous pouvez utiliser la fonctionnalité Code Export pour exporter votre site et l’enregistrer sur votre ordinateur.

Connectez-vous à votre compte Webflow et lancez l’outil Designer.

Vous saisissez/saisissez l’interface utilisateur du Webflow Designer.

Placez votre souris dans le coin supérieur droit de l’écran et cliquez sur le bouton « Exporter le code ».

La fenêtre surgissante du code d’exportation s’ouvre.

En bas de la fenêtre surgissante, vous devez cliquer sur le bouton « Préparer ZIP » pour continuer.

Webflow préparera ensuite vos fichiers, que vous pourrez télécharger sur votre ordinateur.

Note : Si vous n’utilisez pas l’offre Espace de travail, vous devrez enregistrer manuellement vos pages sur votre ordinateur. Vous pouvez également utiliser le copieur de site HTTrack pour explorer votre site et télécharger toutes vos pages sur votre ordinateur.

Étape par étape : Exportation de vos publications de blog

Webflow vous permet d’exporter des éléments de CMS tels que des publications de blog, qui peuvent être importés dans WordPress.

Dans le concepteur Webflow, passez à l’onglet « CMS » (situé dans la barre d’outils de gauche) et cliquez sur « Blog Posts ».

Ensuite, vous devez cliquer sur le bouton « Exporter » en haut pour télécharger vos publications de blog au format CSV.

Étape par étape : Recréer les pages Webflow dans WordPress

Maintenant que vous avez stocké votre contenu Webflow sur votre ordinateur, vous pouvez commencer à le transférer sur votre nouveau site WordPress.

Bien que vous ne puissiez pas importer des pages individuelles de Webflow directement sur votre site WordPress, vous pouvez facilement les recréer.

Pour ce faire, vous aurez besoin d’un constructeur de page sans code comme SeedProd. C’est un outil de conception par glisser-déposer qui vous permet de créer des pages web époustouflantes sans écrire de code.

Tout d’abord, vous devez installer et activer l’extension SeedProd. Pour plus de détails, consultez notre tutoriel sur l ‘installation d’une extension WordPress.

Une fois que vous avez activé le plugin, accédez à SeedProd  » Landing Pages dans la zone d’administration de WordPress et cliquez sur le bouton  » Ajouter une nouvelle page d’atterrissage « .

Ensuite, il vous sera demandé de choisir un modèle.

SeedProd est livré avec plusieurs modèles magnifiques. Vous devriez en choisir un qui ressemble aux pages que vous voulez recréer.

Ensuite, donnez un nom à votre page et choisissez un slug pour l’URL.

Nous vous recommandons d’utiliser le même slug d’URL que la page que vous aviez sur Webflow. Cela vous permettra de conserver votre trafic de recherche et votre classement SEO.

Cliquez sur « Enregistrer et commencer à modifier la page » pour continuer.

Ceci vous amènera à l’interface du constructeur de page de SeedProd. Vous pouvez utiliser votre souris pour vous déplacer n’importe où sur l’écran, cliquer sur un article et commencer à le modifier.

Vous pouvez également ajouter de nouveaux éléments à partir de la colonne de gauche en les faisant glisser et en les déposant à l’endroit où vous souhaitez les afficher.

SeedProd permet de concevoir très facilement n’importe quelle page. Vous pouvez modifier les mises en page, utiliser des couleurs personnalisées, ajouter votre logo, et bien plus encore.

Pour plus de détails, consultez notre tutoriel sur la création d’une page d’atterrissage sur WordPress.

Vous voulez essayer un autre constructeur de page ? Essayez Thrive Architect, un autre excellent constructeur de page Aucun code pour WordPress.

Étape par 6 : Importation des publications de blog dans WordPress

Heureusement, l’importation des publications de blog de Webflow vers WordPress est un peu plus simple.

Vous devez installer et activer l’extension WP All Import. Après l’avoir activé, rendez-vous sur la page All Import  » New Import dans la zone d’administration de WordPress.

Cliquez sur l’option « Téléverser un fichier » et sélectionnez le fichier CSV que vous avez téléchargé précédemment.

L’extension détectera automatiquement le type de contenu (publications) et le sélectionnera pour vous.

Cliquez sur le bouton « Continuer à l’étape 2 » pour passer à l’étape suivante.

L’extension vous affiche alors une prévisualisation des données contenues dans le fichier. Cliquez sur « Continuer » pour passer à l’étape suivante.

Il vous sera maintenant demandé de faire correspondre les champs aux champs de la publication WordPress. Par exemple, vous pouvez faire glisser le champ du nom vers la zone du titre de l’article WordPress.

Après avoir fait correspondre les champs aux zones correspondantes dans WordPress, il suffit de cliquer sur le bouton  » Passer à l’étape 4 « .

Ensuite, vous devez définir un identifiant unique pour vos publications. Utilisez le bouton « Détection automatique » pour générer un ID. Il est utilisé en interne par WordPress et ne sera pas affiché sur votre site.

Terminé, cliquez sur « Confirmer et exécuter l’importation » pour terminer le processus.

L’extension vous informera une fois l’importation terminée.

Étape par étape : importation d’images

WP All Import ne téléversera pas automatiquement vos images de Webflow vers WordPress.

Votre site affichera toujours les images hébergées sur votre site Webflow, ce qui posera un problème lorsque votre site Webflow sera supprimé.

Heureusement, il existe un moyen simple d’importer des images externes dans la médiathèque de WordPress à l’aide d’une extension.

Tout d’abord, vous devez installer et activer le plugin Auto Upload Images.

Après activation, rendez-vous sur la page Posts  » All Posts. Sélectionnez toutes vos publications de blog et sélectionnez  » Modifier  » dans le menu déroulant  » Actions groupées « .

Cliquez sur le bouton « Appliquer » pour continuer.

WordPress affiche une option de mise à jour rapide pour toutes les publications. Il suffit de cliquer sur le bouton « Mise à jour » pour que WordPress mette à jour toutes les publications de votre blog sans y apporter de modifications.

Cela déclenchera la fonction de téléversement, et l’extension importera dans la médiathèque toutes les images externes trouvées dans vos publications de blog.

Pour plus de détails, consultez notre tutoriel sur la façon d’importer facilement des images externes dans WordPress.

Étape par étape : Modifier les Réglages du Nom de Domaine

Si vous utilisiez un nom de domaine personnalisé sur votre ancien site Webflow, vous pouvez maintenant le faire pointer vers votre nouveau site WordPress.

Pour ce faire, vous devez modifier les réglages du serveur de noms de votre domaine. Les réglages du DNS ou du serveur de noms de domaine orientent votre nom de domaine vers votre fournisseur d’hébergement.

Votre fournisseur d’hébergement WordPress vous fournira les informations sur les serveurs de noms que vous devez utiliser. Ces informations sont généralement les suivantes :

• ns1.bluehost.com
• ns2. bluehost.com
• ns3. bluehost.com

Pour plus de détails, consultez notre tutoriel sur la modification des serveurs de noms de domaine.

Étape par 9 : Configurer les permaliens

WordPress vous permet de choisir une structure d’URL favorable au référencement pour votre site en modifiant les permaliens.

Vous devez faire correspondre vos permaliens WordPress à la même structure URL que celle que vous aviez sur votre ancien site Webflow.

Pour ce faire, rendez-vous sur la page Réglages  » Permaliens dans la zone d’administration de WordPress.

Vous devrez choisir l’option Nom de la publication pour faire correspondre vos URL avec la structure URL de votre Webflow.

N’oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour mettre à jour vos réglages permaliens.

Étape par étape : Installer les extensions WordPress essentielles

Maintenant que vous avez importé votre contenu sur votre site, l’étape suivante consiste à installer quelques extensions WordPress essentielles.

Les extensions sont comme des applications pour votre site WordPress. Comme les applications sur votre téléphone, les extensions ajoutent de nouvelles mis en fonctionnalités à votre site WordPress.

Voici quelques-unes des extensions WordPress les plus populaires qui ajoutent des fonctionnalités essentielles à un nouveau site WordPress :

• WPForms – Vous permet d’ajouter des formulaires de contact à votre site WordPress.
• All in One SEO pour WordPress: Le kit d’outils de référencement le plus complet pour WordPress. Il vous aidera à obtenir plus de trafic gratuit à partir des moteurs de recherche.
• Duplicator: Il vous permet de configurer des sauvegardes automatisées pour WordPress. Vous pouvez également téléverser automatiquement ces sauvegardes dans le cloud et les restaurer en 1 clic si nécessaire.
• MonsterInsights: Il vous aide à installer facilement Google Statistiques dans WordPress et vous affiche des rapports de trafic de site faciles à comprendre directement dans votre tableau de bord.
• PushEngage: Vous souhaitez envoyer des notifications instantanées aux utilisateurs/utilisatrices sur les appareils mobiles et de bureau ? PushEngage est le meilleur service de notification push du marché et vous aide à faire revenir les internautes, à augmenter le nombre de pages vues et à booster les conversions.

Vous avez besoin d’autres outils et astuces pour développer votre nouveau site WordPress ? Consultez notre liste complète d’extensions WordPress incontournables pour tous les types de sites.

Apprendre WordPress (Ressources gratuites)

WordPress est assez facile à utiliser, mais parfois, vous pouvez avoir besoin d’un peu d’aide pour naviguer.

Voici quelques ressources pédagogiques qui vous aideront à vous familiariser rapidement avec WordPress :

• Cours de formation WordPress: Cours de formation vidéo gratuits sur WordPress conçus pour les débutants. Nous vous recommandons de commencer par WordPress 101, qui comporte 33 leçons couvrant les bases de WordPress pour les utilisateurs/utilisatrices nouveaux.
• WPBeginner sur YouTube: Notre chaîne YouTube compte plus de 931 vidéos et 972 000 abonnés/abonnées. Elle propose des tutoriels vidéo détaillés, des astuces et des conseils pratiques pour développer votre activité avec WordPress.
• Centre de solutions WPBeginner: Vous vous demandez quelle extension ou quel outil utiliser ? Notre Solution Center est une collection personnalisée des meilleurs outils et extensions WordPress, minutieusement testés et avisés par notre équipe.
• Glossaire WordPress: Un dictionnaire de termes WordPress courants expliqués pour les débutants. C’est un endroit idéal pour les débutants WordPress pour commencer et se familiariser avec le jargon WordPress.

Vous avez besoin d’aide sur un Sujet WordPress spécifique ? Tapez simplement votre question dans Google et ajoutez « WPBeginner » à la fin.

Nous publions des ressources, des tutoriels et des guides pratiques sur WordPress depuis plus de 15 ans. Il y a de fortes chances que nous ayons déjà un tutoriel étape par étape sur ce Sujet.

Alternative : Obtenir une aide professionnelle pour la migration de Webflow

Webflow est une plateforme propriétaire fermée qui ne facilite pas du tout la migration de votre site vers WordPress.

Suivre les étapes de notre tutoriel ci-dessus peut être chronophage et stressant pour les débutants. Même après avoir suivi les étapes, il se peut que vous ne parveniez pas à faire transférer toutes vos données sur WordPress.

Une solution plus simple consisterait à faire appel à une aide professionnelle de WordPress pour la migration.

Vous pouvez engager des développeurs/développeuses WordPress professionnels et discuter de vos prérequis. Ensuite, vous pouvez les payer à l’heure pour dépanner vos problèmes de migration.

Par exemple, vous pouvez choisir nos services de support WordPress Premium et contacter nos développeurs/développeuses pour une assistance à la migration à la demande.

Nous offrons également un service de lancement rapide de site où nous concevons un site WordPress entièrement personnalisé et attrayant qui répond à vos besoins. Vous pouvez ensuite acheter un module d’heures de développement, et notre équipe peut également s’occuper de votre migration Webflow.

Si vous avez des questions sur ces services, vous pouvez discuter avec notre agent de support sur notre page Services de conception de sites web.

Nous espérons que cet article vous a aidé à migrer de Webflow vers WordPress. Vous pouvez également consulter notre tutoriel sur la façon d’obtenir plus de trafic sur votre site WordPress ou consulter toutes les différentes façons de gagner de l’argent en ligne avec WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.