Lovable naar WordPress omzetten: stap voor stap in de html2wp-app
Deze handleiding laat zien hoe je een Lovable-project in de html2wp-app omzet naar WordPress. Je hebt geen terminal en geen programmeerkennis nodig. Je voegt het project toe als ZIP, kiest Flash of Full, en aan het einde download je een afgewerkt WordPress-thema dat eruitziet als je ontwerp.
Wat je nodig hebt om Lovable in de app naar WordPress om te zetten
- Een Mac met Apple silicon (M1 of nieuwer) en macOS 12 of nieuwer.
- Een ChatGPT-account. De AI uit je eigen abonnement doet de conversie, dus je betaalt ons niets voor credits of tokens.
- Het Lovable-project als ZIP of als map met de broncode. Hoe je het krijgt, staat hieronder.
- Schijfruimte. Elke lopende conversie neemt enkele GB in beslag.
Docker Desktop hoef je niet vooraf te installeren, want de app downloadt en installeert het zelf als dat nodig is. De gratis versie zet drie sites van elk tot vijf pagina's om, genoeg om een kleine Lovable-site naar WordPress om te zetten. Voor klantwerk, grotere sites en een WooCommerce-shop heb je een Pro-licentie nodig van de prijspagina.
De html2wp-app installeren
Download de app voor Mac, open het DMG-bestand en sleep html2wp naar de map Apps. In deze handleiding staan de namen van knoppen precies zoals ze op het scherm verschijnen.
De omgeving voorbereiden
Klik in de instellingen van de app op Prepare environment. De app downloadt en start Docker als dat nodig is, en laadt daarna de conversieomgeving en de images voor WordPress en de database. De eerste keer duurt dat een paar minuten. Je Mac kan om je wachtwoord vragen, en Docker toont zijn licentievoorwaarden.
Als alles klaar is, meldt de app “Ready to work” en verandert de knop in Repair environment. Die heb je alleen nodig als de omgeving later stukgaat.
Inloggen met ChatGPT
Klik op Connect with ChatGPT. De app toont je een code, en de knop Open sign-in page opent de pagina van OpenAI. Log daar in met je ChatGPT-account en vul de code uit de app in. Je wachtwoord typ je alleen op de pagina van OpenAI, dus de app ziet het nooit.
Kies na het inloggen het Conversion model en de Reasoning effort, of houd de standaardwaarden. Heb je een Pro-licentie, vul de sleutel dan in bij de instellingen en klik op Save & check. De gratis versie heeft geen sleutel nodig.
Je Lovable-project in de app
De app heeft de bronbestanden van het project nodig, niet het adres van de live site. Lovable synchroniseert het project met een GitHub-repository. Open die op GitHub en download hem met Code → Download ZIP. Je hoeft het project niet te bouwen of npm install te draaien, want dat doet de app zelf.
Klik in de app op New project (⌘N). Laat onder Output HTML WordPress theme staan en kies Import a ZIP, of Choose a folder als je het project hebt uitgepakt. De app werkt op een kopie, dus je oorspronkelijke bestanden blijven onveranderd.
Flash of Full om Lovable naar WordPress om te zetten
Op het projectscherm kies je hoe grondig de app de Lovable-site naar WordPress omzet. Flash is de standaard: elke stap draait één keer, en het duurt ongeveer een half uur. Full draait elke controle en probeert de fouten die het vindt op te lossen, dus het duurt ongeveer een uur. De precieze tijd hangt af van het aantal pagina's en de snelheid van je Mac.
Heb je geen WordPress nodig, zet het type dan op Astro 5. De app bouwt dan een statische site, en die kun je direct vanuit de app online zetten op Cloudflare Pages.
Hoe de conversie verloopt
Tijdens de conversie toont het tabblad Overview de stappen waaraan de conversieplugin werkt en de reparaties die hij zelf deed. Meestal loopt het zonder jou. Of het Lovable-project nu een oudere React-app is of een nieuwer project op TanStack Start: de app bouwt het eerst, opent het in een browser en slaat elke pagina op als afgewerkte HTML. Pas daarna maakt hij van die HTML het thema.
Om te pauzeren klik je op Stop conversion, en daarna ga je verder met Continue. Stopt de plugin zelf bij een stap, dan laat Repair and continue hem de fout oplossen en doorgaan.
De Lovable-site naast WordPress controleren
Het tabblad Compare toont elke pagina van het origineel naast de WordPress-versie, op desktopbreedte (Desktop · 1440) en mobiele breedte (Mobile · 390), met het verschil in procenten. Loop zelf elke pagina door. Automatische controles vangen de meeste verschillen op, maar niet alle: bij één conversie ontbrak een hele sectie en was het verschil maar 0,4%.
In het tabblad Preview opent Open website de lokale WordPress-site en WordPress admin het dashboard ervan. Wil je iets veranderen, typ het dan in de chat rechts. De wijziging verschijnt binnen een paar seconden direct in het voorbeeld. Klik daarna op Make release, en de app verpakt het thema precies zoals je het in het voorbeeld ziet.
Lovable omzetten naar WordPress: het thema exporteren
Is de conversie van Lovable naar WordPress klaar, dan staan de afgewerkte bestanden in het tabblad Exports. Klik naast het WordPress-thema op Save en bewaar de ZIP. Je vindt er ook het conversierapport als PDF, de ZIP van het oorspronkelijke project en, na een Flash-conversie, een Astro 5-project.
Ga in WordPress naar Weergave → Thema's → Nieuw thema toevoegen → Thema uploaden, kies de ZIP en activeer het thema. Pagina's, blog, formulieren, menu's, SEO en redirects horen allemaal bij het thema en werken zonder plugin.
Wil je dat je klant tekst en afbeeldingen bewerkt door direct op de pagina te klikken, voeg dan de editor Visual Edit toe. Werk je liever met een agent in de terminal, dan behandelt de handleiding met de plugin voor Claude Code en Codex dezelfde conversie.