Convertir Lovable en WordPress : l'app html2wp, étape par étape
Ce guide montre comment convertir un projet Lovable en WordPress dans l'app html2wp, sans terminal ni programmation. Vous ajoutez le projet en ZIP et choisissez Flash ou Full. À la fin, vous téléchargez un thème WordPress fini qui ressemble à votre design.
Convertir Lovable en WordPress dans l'app : ce qu'il vous faut
- Un Mac avec puce Apple (M1 ou plus récent) et macOS 12 ou ultérieur.
- Un compte ChatGPT. L'IA de votre propre abonnement fait la conversion, donc vous ne nous payez ni crédits ni tokens.
- Le projet Lovable en ZIP ou en dossier avec le code source. La façon de l'obtenir est expliquée plus bas.
- De l'espace disque. Chaque conversion en cours occupe plusieurs Go.
Inutile d'installer Docker Desktop à l'avance : l'app le télécharge et l'installe elle-même si besoin. L'offre gratuite convertit trois sites de cinq pages maximum chacun, ce qui suffit pour passer un petit site Lovable sur WordPress. Pour le travail client, les sites plus grands et une boutique WooCommerce, il vous faut une licence Pro, disponible sur la page des tarifs.
Installer l'app html2wp
Téléchargez l'app pour Mac, ouvrez le fichier DMG et faites glisser html2wp dans le dossier Applications.
Préparer l'environnement
Dans les "Settings" (réglages) de l'app, cliquez sur "Prepare environment". L'app télécharge et démarre Docker si besoin, puis charge l'environnement de conversion et les images de WordPress et de la base de données. La première fois, cela prend quelques minutes. Votre Mac peut demander votre mot de passe, et Docker affiche ses conditions de licence.
Quand tout est prêt, l'app affiche "Ready to work" et le bouton devient "Repair environment". Il ne sert que si l'environnement se casse plus tard.
Se connecter avec ChatGPT
Cliquez sur "Connect with ChatGPT". L'app vous montre un code, et le bouton "Open sign-in page" ouvre la page d'OpenAI. Connectez-vous-y avec votre compte ChatGPT et saisissez le code de l'app. Vous tapez votre mot de passe uniquement sur la page d'OpenAI, l'app ne le voit donc jamais.
Une fois la connexion faite, choisissez "Conversion model" (le modèle) et "Reasoning effort" (l'effort de raisonnement), ou gardez les valeurs par défaut. Si vous avez une licence Pro, saisissez la clé dans "Settings" et cliquez sur "Save & check". L'offre gratuite n'a pas besoin de clé.
Votre projet Lovable dans l'app
L'app a besoin des fichiers source du projet, pas de l'adresse du site en ligne. Lovable synchronise le projet avec un dépôt GitHub. Ouvrez-le sur GitHub et téléchargez-le via Code → Download ZIP. Vous n'avez pas à construire le projet ni à lancer npm install, car l'app s'en charge.
Dans l'app, cliquez sur "New project" (⌘N). Sous "Output", gardez "HTML WordPress theme" et choisissez "Import a ZIP", ou "Choose a folder" si vous avez décompressé le projet. L'app travaille sur une copie, donc vos fichiers d'origine ne changent pas.
Convertir Lovable en WordPress : Flash ou Full
Sur l'écran du projet, vous choisissez avec quel soin l'app convertit le site Lovable en WordPress. Flash est le choix par défaut : chaque étape s'exécute une fois, et cela prend environ une demi-heure. Full lance toutes les vérifications et essaie de corriger les erreurs trouvées, donc cela prend environ une heure. La durée exacte dépend du nombre de pages et de la vitesse de votre Mac.
Si vous n'avez pas besoin de WordPress, passez le type sur Astro 5. L'app construit alors un site statique, que vous pouvez déployer sur Cloudflare Pages directement depuis l'app.
Le déroulement de la conversion
Pendant la conversion, l'onglet "Overview" montre les étapes du plugin de conversion et les corrections qu'il a faites seul. La plupart du temps, il tourne sans vous. Que le projet Lovable soit une ancienne app React ou un projet plus récent sur TanStack Start, l'app commence par le construire, l'ouvre dans un navigateur et enregistre chaque page en HTML fini. Ce n'est qu'ensuite qu'elle transforme ce HTML en thème.
Pour faire une pause, cliquez sur "Stop conversion", puis reprenez avec "Continue". Si le plugin s'arrête de lui-même sur une étape, "Repair and continue" lui permet de corriger l'erreur et de poursuivre.
Comparer le site Lovable avec WordPress
L'onglet "Compare" montre chaque page de l'original à côté de la version WordPress, avec la différence en pourcentage. Vous la voyez en largeur desktop ("Desktop · 1440") et mobile ("Mobile · 390"). Parcourez vous-même chaque page. Les vérifications automatiques attrapent la plupart des différences, mais pas toutes. Lors d'une conversion, toute une section manquait et l'écart n'était que de 0,4 %.
Dans l'onglet "Preview", "Open website" ouvre le site WordPress local et "WordPress admin" ouvre son tableau de bord. Pour changer quelque chose, tapez-le dans le chat à droite. Le changement apparaît dans l'aperçu en quelques secondes. Cliquez ensuite sur "Make release", et l'app emballe le thème exactement tel que vous le voyez dans l'aperçu.
Exporter le thème WordPress issu de Lovable
Une fois Lovable converti en WordPress, les fichiers finis se trouvent dans l'onglet "Exports". À côté du thème WordPress, cliquez sur "Save" et enregistrez le ZIP. Vous y trouvez aussi le rapport de conversion en PDF, le ZIP du projet d'origine et, après une conversion Flash, un projet Astro 5.
Dans WordPress, allez dans Apparence → Thèmes → Ajouter un thème → Téléverser un thème, choisissez le ZIP et activez le thème. Pages, blog, formulaires, menus, SEO et redirections font partie du thème et fonctionnent sans extension.
Si vous voulez que votre client modifie textes et images en cliquant directement dans la page, ajoutez l'éditeur Visual Edit. Si vous préférez travailler avec un agent dans le terminal, le guide avec le plugin pour Claude Code et Codex couvre la même conversion.