Comment reconstruire un site Webflow avec l'IA

Introduction

Webflow est un outil puissant qui permet de créer d'excellents sites web, mais il est aussi notoirement difficile à utiliser. Des milliers d'entreprises se sentent coincées dedans.

Récemment, les outils d'IA ont rendu possible la création de sites tout aussi bons en discutant simplement avec une IA. Et si vous avez déjà un site Webflow, vous pouvez le reconstruire automatiquement sans repartir de zéro.

Dans ce guide, je vous montrerai comment migrer un site Webflow vers un nouvel outil d'IA appelé Repaint.

Pourquoi reconstruire un site Webflow ?

Les constructeurs de sites web par IA sont bien plus faciles à utiliser que Webflow. Au lieu d'apprendre un éditeur visuel complexe, vous décrivez ce que vous voulez et ça se fait. Cela rend réaliste la mise à jour régulière de votre site, plutôt que de traiter chaque modification comme un risque.

La raison pour laquelle la plupart des gens n'ont pas encore changé, c'est que quitter Webflow a toujours signifié tout reconstruire de zéro. Les outils d'IA ont changé cette équation. Pour la première fois, vous pouvez prendre ce que vous avez déjà et le déplacer vers quelque chose de plus simple, sans tout recommencer ni payer quelqu'un des milliers d'euros.

Comment fonctionne la migration par IA

La migration par IA fonctionne en lisant votre site existant et en le reconstruisant sur une nouvelle plateforme. Elle récupère votre contenu, vos images et votre mise en page, puis génère une nouvelle version que vous pouvez modifier en discutant avec l'IA. Une fois satisfait, vous transférez votre domaine et c'est terminé.

Si vous essayez de cloner l'original à l'identique, vous obtiendrez au mieux une réplique à 80 %. L'IA perd généralement des détails dans la traduction. Les animations sont particulièrement difficiles à transférer. Mais elle migrera votre contenu, recréera vos mises en page, et vous rapprochera bien plus du résultat qu'un modèle ne pourrait jamais le faire. Ensuite, vous pourrez corriger les détails en demandant à l'IA d'apporter des modifications.

Si votre site a cinq ans et commence à vieillir, c'est le bon moment pour changer de design. Repaint peut prendre votre contenu existant et construire un tout nouveau design autour de lui.

Étape 1 : Importer votre contenu

Pour commencer, rendez-vous sur Repaint. Tout en haut, donnez-lui le lien de votre site Webflow. Cela démarrera le processus de reconstruction. Repaint analysera votre site, téléchargera vos images et prendra des captures d'écran de chaque page pour comprendre votre site d'origine.

Cela ne fonctionne qu'avec des sites publiquement accessibles, ce qui signifie que votre site Webflow doit être publié, même sur un sous-domaine Webflow gratuit comme xxxx-xxxx-xxxx.webflow.io.

Une fois que Repaint a bien cerné votre activité, il commencera à vous poser des questions pour planifier le nouveau site. C'est un processus guidé, vous n'avez donc rien à préparer à l'avance.

Étape 2 : Planifier votre nouveau site

Avant de construire quoi que ce soit, Repaint vous posera des questions pour comprendre ce que vous recherchez. Cela prend généralement 3 à 5 messages. Considérez-le comme un court entretien : Repaint veut savoir quelles pages conserver, s'il faut réorganiser quelque chose et quel style adopter. Une fois que vous avez répondu, il rédige un plan pour que vous l'approuviez.

Si vous ne savez pas exactement ce que vous voulez, pas de problème. Vous pouvez laisser Repaint proposer un plan. Si le résultat ne vous convient pas, vous pouvez toujours lui demander de réessayer. Vous n'êtes pas enfermé dans votre première tentative.

Planifier le contenu

L'approche la plus simple consiste à tout reprendre tel quel : mêmes pages, même texte, mêmes images. Si la structure de votre site actuel fonctionne et que vous voulez juste un meilleur outil pour le gérer, c'est la bonne option.

Mais si votre site est devenu un peu fouillis avec le temps, c'est l'occasion de le remettre en ordre. Vous avez peut-être des articles de blog obsolètes, des pages d'atterrissage d'anciennes campagnes, ou des sections qui n'ont jamais vraiment eu de sens. Vous pouvez dire à Repaint quelles pages conserver et lesquelles ignorer, ou lui demander de proposer une structure plus simple basée sur ce qu'il a trouvé.

Si votre site Webflow utilise des collections CMS, comme un blog, des études de cas ou un portfolio, vous pouvez les importer aussi. Les pages CMS suivent un modèle répétitif, alors commencez par une ou deux pour vérifier que la mise en page est correcte. Plus généralement, si votre site compte plus de 20 pages, les importer toutes en une seule fois risque d'épuiser la totalité du quota du plan gratuit. Vous serez alors invité à passer à un plan supérieur pour continuer. Pour les grands sites, il est généralement préférable de commencer par un petit échantillon, puis d'importer le reste après avoir vu le site initial.

Planifier le style

Plusieurs options s'offrent à vous pour le style de votre nouveau site :

• Recréer votre apparence d'origine
• Reproduire le style d'un autre site
• Choisir dans la bibliothèque de styles de Repaint
• Demander un style personnalisé
• Laisser Repaint décider

Quelle que soit l'option choisie, vous pouvez personnaliser le résultat. Repaint peut intégrer les couleurs et polices de votre marque dans n'importe quel style, vous n'êtes donc pas limité à ce que vous choisissez ici.

Vérifier le plan

Avant de générer quoi que ce soit, Repaint détaille exactement ce qu'il va construire : quelles pages, quel contenu et quel style. Relisez-le et apportez les dernières modifications. Il est bien plus rapide de corriger le plan que de régénérer tout le site.

Une fois que vous confirmez, Repaint construit votre nouveau site !

Étape 3 : Générer votre site

Une fois le plan confirmé, Repaint commence à construire votre site. Vous verrez des messages de progression au fur et à mesure qu'il traite chaque page. Une page d'accueil simple peut prendre une à deux minutes. Un grand site avec des dizaines de pages peut prendre plus de dix minutes.

En coulisses, Repaint écrit le code de votre nouveau site à partir de votre contenu et de votre style. Une fois terminé, il prend des captures d'écran de ce qu'il a construit pour détecter les problèmes évidents avant de vous montrer le résultat.

Vous pourrez remarquer quelques imperfections dans la première version : un bouton au texte difficile à lire, un logo trop petit ou des espacements qui semblent incorrects. C'est normal, et vous pouvez corriger ces détails en discutant avec Repaint.

Ce qui risque de ne pas se transférer parfaitement, ce sont les animations. Webflow dispose d'un système d'animation élaboré, et l'IA a souvent du mal à déduire le fonctionnement des animations à partir de simples captures d'écran. Vous devrez recréer les effets de défilement, les animations au survol ou les transitions de page manquants en décrivant ce que vous voulez. Repaint peut reproduire les mêmes animations, mais le transfert ne se fera pas toujours automatiquement.

Étape 4 : Apporter des ajustements

Après avoir généré votre site, vous pouvez apporter des modifications en discutant avec Repaint.

Commencez par évaluer le style visuel général : couleurs, polices et mises en page. C'est la base sur laquelle tout repose. Si vous décidez de le modifier plus tard, cela peut remodeler l'ensemble du site et annuler tout le travail de peaufinage des détails que vous avez effectué.

Une fois satisfait du style général, vous pouvez travailler sur les détails : s'assurer que le texte est exact, que les images sont bien placées, que les liens fonctionnent et que les espacements sont corrects sur chaque page.

Vérifier le SEO

Si votre site Webflow générait du trafic depuis les moteurs de recherche, le SEO mérite votre attention lors de la migration. Google classe les pages individuelles, pas les sites dans leur ensemble. Chaque page de votre site a accumulé son propre classement au fil du temps, et ce classement est lié à son URL spécifique. Si vous migrez vers une nouvelle plateforme et que ces URL changent ou disparaissent, Google les traite comme de nouvelles pages sans historique, et vous perdez le trafic qu'elles généraient.

Demandez à Repaint de comparer votre ancien site au nouveau et de confirmer que toutes vos pages existent aux mêmes URL qu'elles avaient sur Webflow. Si des URL ont changé, vous devrez configurer des redirections depuis les anciennes vers les nouvelles pour que Google puisse suivre la piste. Repaint peut vous aider avec ça.

Quand votre site est satisfaisant et que le contenu est correct, vous êtes prêt à publier.

Étape 5 : Publier

Quand vous êtes prêt, cliquez sur le bouton Publier en haut à droite. Cela fonctionne de la même manière que la publication dans Webflow. Votre site est mis en ligne sur une URL Repaint que vous pouvez partager avec n'importe qui. Elle ressemblera à ceci : https://xxxxxx-xxxxxx-xxxxxx.sites.repaint.com

Votre site est ainsi un vrai site web sur internet. Vous pouvez l'ouvrir sur votre téléphone, l'envoyer à un ami ou le partager sur les réseaux sociaux.

À ce stade, vous avez deux sites en ligne : un sur Repaint et un sur Webflow. Votre domaine pointe toujours vers votre site Webflow, donc rien n'a changé pour vos visiteurs. Quand vous êtes prêt à effectuer le basculement, vous pouvez transférer votre domaine pour qu'il pointe vers le nouveau site.

Étape 6 : Transférer votre domaine

Quand vous êtes prêt à passer en production, vous devez faire pointer votre domaine vers Repaint. Allez dans Paramètres du site > Domaines et cliquez sur Connecter un domaine personnalisé. Cela nécessite un plan payant. Vous pouvez consulter les tarifs ici.

Votre domaine est indépendant de Webflow. Il est enregistré auprès d'un fournisseur de domaines comme GoDaddy, Namecheap ou Cloudflare. Vous n'avez pas besoin de le déplacer. Il vous suffit de mettre à jour les paramètres chez votre fournisseur de domaines pour que votre domaine pointe vers Repaint plutôt que vers Webflow. Si quelqu'un d'autre a configuré votre site pour vous, assurez-vous d'avoir les accès à votre fournisseur de domaines avant de commencer cette étape.

Si vous ne l'avez jamais fait, ne vous inquiétez pas. Demandez à Repaint de vous guider. Il vous indiquera exactement quoi faire, étape par étape.

Le changement peut prendre quelques heures pour prendre effet. Une fois que Repaint indique que votre domaine est vérifié, vous êtes en ligne. Vous pouvez résilier votre abonnement Webflow quand vous le souhaitez.

Conclusion

Pendant des années, migrer hors de Webflow signifiait tout reconstruire de zéro ou payer quelqu'un pour le faire. Ce n'est plus le cas. Vous pouvez importer votre contenu dans Repaint, obtenir un site fonctionnel en quelques minutes et le gérer vous-même sans avoir à apprendre un outil complexe. Si vous avez repoussé une reconstruction parce que cela semblait trop laborieux, c'est le bon moment pour essayer.

Questions fréquentes

Combien de temps prend une migration depuis Webflow ?

Cela prend généralement 3 à 15 minutes pour planifier le site, importer votre contenu et générer le nouveau site. Ensuite, le délai avant publication dépend du nombre d'ajustements nécessaires et de la quantité de contenu restant à importer. La plupart des sites peuvent être migrés en quelques heures au maximum.

Mon site sera-t-il adapté aux mobiles ?

Repaint construit automatiquement votre site pour qu'il s'adapte à différentes tailles d'écran. La plupart du temps, vous n'avez pas à vous en préoccuper. Mais si vous remarquez quelque chose qui ne va pas, vous pouvez demander à Repaint d'apporter des modifications pour des tailles d'appareils spécifiques.

Mes formulaires fonctionneront-ils encore après la migration ?

Oui. Repaint peut créer des formulaires de contact qui envoient des emails à votre boîte de réception. Si vous utilisez un widget intégré comme Typeform ou Google Forms, Repaint essaiera de le connecter, mais vous devrez peut-être lui fournir le code d'intégration.

Qu'arrive-t-il à mon site Webflow pendant la migration ?

Pendant la migration, rien ne se passe sur votre site Webflow. Il est complètement indépendant. Vous construisez simplement un nouveau site dans Repaint. Ensuite, une fois satisfait du nouveau site, vous pouvez transférer votre domaine pour qu'il pointe vers le nouveau. Si vous décidez de conserver votre site Webflow, aucune action n'est nécessaire.

Puis-je migrer un site Webflow avec du e-commerce ?

Partiellement. Repaint peut créer des sites e-commerce, mais il ne gère pas le processus de paiement. Si vous avez besoin de vendre des produits, vous devrez vous connecter à un service tiers comme Shopify ou Stripe. Si votre boutique utilise des widgets intégrables, partagez le code d'intégration avec Repaint et il s'en occupera.

Puis-je migrer une seule page pour tester ?

Oui. Vous pouvez importer une seule page pour essayer. C'est un bon moyen de voir si Repaint convient à votre activité. Une fois satisfait du résultat, vous pouvez demander à Repaint de construire le reste de votre site.

Combien coûte la migration de Webflow vers Repaint ?

La génération d'un site et la modification sont gratuites. Les principales restrictions des plans gratuits sont une utilisation limitée, l'impossibilité d'ajouter un domaine personnalisé et la présence d'un badge Repaint. Les plans payants commencent à 20 $/mois facturés annuellement, ou 25 $/mois facturés mensuellement. Cela inclut une utilisation étendue, la prise en charge d'un domaine personnalisé et la suppression du badge Repaint.

Que se passe-t-il quand l'IA fait une erreur ? Puis-je annuler des modifications individuelles ?

Au fur et à mesure des mises à jour, Repaint sauvegarde chaque version de votre site. Vous pouvez demander à Repaint de revenir en arrière, et il restaurera une version précédente. Ou si vous souhaitez revenir à un moment précis, vous pouvez restaurer manuellement n'importe quelle version antérieure.

Comment Repaint gère-t-il le code personnalisé ou les intégrations tierces de Webflow ?

Repaint peut exécuter du code personnalisé ou des intégrations provenant de sites Webflow. Il essaiera de migrer automatiquement tout lors du premier passage, mais il lui arrive de rater quelque chose. Si c'est le cas, collez le code d'intégration dans le chat et Repaint s'en chargera.