Convertire Lovable in WordPress: guida passo passo all'app html2wp
Questa guida mostra come convertire un progetto Lovable in WordPress nell'app html2wp. Non ti servono il terminale né la programmazione. Aggiungi il progetto come ZIP, scegli Flash o Full e alla fine scarichi un tema WordPress finito, con l'aspetto del tuo design.
Cosa ti serve per convertire Lovable in WordPress nell'app
- Un Mac con Apple silicon (M1 o successivo) e macOS 12 o versioni successive.
- Un account ChatGPT. La conversione la fa l'AI del tuo abbonamento, quindi non paghi a noi crediti o token.
- Il progetto Lovable come ZIP o come cartella con il codice sorgente. Più sotto trovi come ottenerlo.
- Spazio su disco. Ogni conversione in corso occupa diversi GB.
Non devi installare Docker Desktop in anticipo, perché l'app lo scarica e lo installa da sola quando serve. Il piano gratuito converte tre siti fino a cinque pagine ciascuno, e basta per convertire un piccolo sito Lovable in WordPress. Per i lavori per clienti, i siti più grandi e un negozio WooCommerce ti serve una licenza Pro dalla pagina dei prezzi.
Installare l'app html2wp
Scarica l'app per Mac, apri il file DMG e trascina html2wp nella cartella Applicazioni. In questa guida i nomi dei pulsanti sono scritti esattamente come li vedi sullo schermo.
Preparare l'ambiente
Nelle impostazioni dell'app (Settings) fai clic su Prepare environment (prepara l'ambiente). Se serve, l'app scarica e avvia Docker, poi carica l'ambiente di conversione e le immagini di WordPress e del database. La prima volta ci vogliono alcuni minuti. Il Mac potrebbe chiederti la password, e Docker mostra i suoi termini di licenza.
Quando è tutto pronto, l'app mostra “Ready to work” e il pulsante diventa Repair environment. Ti serve solo se in seguito l'ambiente si guasta.
Accedere con ChatGPT
Fai clic su Connect with ChatGPT. L'app ti mostra un codice, e il pulsante Open sign-in page apre la pagina di OpenAI. Lì accedi con il tuo account ChatGPT e inserisci il codice dell'app. La password la scrivi solo sulla pagina di OpenAI, quindi l'app non la vede mai.
Dopo l'accesso scegli Conversion model e Reasoning effort, oppure lascia i valori predefiniti. Se hai una licenza Pro, inserisci la chiave in Settings e fai clic su Save & check. Il piano gratuito non richiede chiave.
Il tuo progetto Lovable nell'app
All'app servono i file sorgente del progetto, non l'indirizzo del sito online. Lovable sincronizza il progetto con un repository GitHub. Aprilo su GitHub e scaricalo con Code → Download ZIP. Non devi compilare il progetto né lanciare npm install, perché lo fa l'app da sola.
Nell'app fai clic su New project (⌘N). In Output lascia HTML WordPress theme e scegli Import a ZIP, oppure Choose a folder se hai estratto il progetto. L'app lavora su una copia, quindi i tuoi file originali restano invariati.
Flash o Full per il tema WordPress
Nella schermata del progetto scegli quanto a fondo l'app deve convertire il sito Lovable in WordPress. Flash è l'opzione predefinita: ogni passaggio gira una volta, e ci vuole circa mezz'ora. Full esegue tutti i controlli e prova a correggere gli errori che trova, quindi richiede circa un'ora. Il tempo esatto dipende dal numero di pagine e dalla velocità del tuo Mac.
Se non ti serve WordPress, cambia il tipo in Astro 5. L'app crea allora un sito statico, e puoi pubblicarlo su Cloudflare Pages direttamente dall'app.
Come procede la conversione
Durante la conversione, la scheda Overview (panoramica) mostra i passaggi su cui lavora il plugin di conversione e le correzioni che ha fatto da solo. Quasi sempre lavora senza di te. Che il progetto Lovable sia un'app React meno recente o un progetto più nuovo su TanStack Start, l'app prima lo compila, lo apre in un browser e salva ogni pagina come HTML finito. Solo dopo trasforma quell'HTML nel tema.
Per mettere in pausa fai clic su Stop conversion, poi riprendi con Continue. Se il plugin si ferma da solo su un passaggio, Repair and continue gli fa correggere l'errore e andare avanti.
Confronta il sito Lovable con la versione WordPress
La scheda Compare mostra ogni pagina dell'originale accanto alla versione WordPress, alla larghezza desktop (Desktop · 1440) e mobile (Mobile · 390), con la differenza in percentuale. Controlla tu ogni pagina. I controlli automatici trovano la maggior parte delle differenze, ma non tutte: in una conversione mancava un'intera sezione e la differenza era solo dello 0,4%.
Nella scheda Preview, Open website apre il sito WordPress locale e WordPress admin apre la sua bacheca. Se vuoi cambiare qualcosa, scrivilo nella chat a destra. La modifica compare direttamente nell'anteprima in pochi secondi. Poi fai clic su Make release, e l'app impacchetta il tema esattamente come lo vedi nell'anteprima.
Esportare il tema WordPress
Quando hai convertito Lovable in WordPress, i file finiti sono nella scheda Exports (esportazioni). Accanto al tema WordPress fai clic su Save e salva lo ZIP. Trovi anche il report della conversione in PDF, lo ZIP del progetto originale e, dopo una conversione Flash, un progetto Astro 5.
In WordPress vai su Aspetto → Temi → Aggiungi nuovo → Carica tema, scegli lo ZIP e attiva il tema. Pagine, blog, moduli, menu, SEO e redirect fanno tutti parte del tema e funzionano senza plugin.
Se vuoi che il tuo cliente modifichi testi e immagini cliccando direttamente sulla pagina, aggiungi l'editor Visual Edit. Se preferisci lavorare con un agente nel terminale, la stessa conversione è descritta nella guida con il plugin per Claude Code e Codex.