Converter Lovable para WordPress: passo a passo no app html2wp
Este guia mostra como converter um projeto do Lovable num tema WordPress no app html2wp. Não precisa de terminal nem de programação. Você adiciona o projeto como ZIP, escolhe Flash ou Full e, no final, baixa um tema WordPress pronto, com a cara do seu design.
O que você precisa para converter o Lovable em WordPress no app
- Um Mac com Apple silicon (M1 ou mais novo) e macOS 12 ou posterior.
- Uma conta do ChatGPT. A IA da sua própria assinatura faz a conversão, então você não nos paga por créditos nem por tokens.
- O projeto do Lovable como ZIP ou como pasta com o código-fonte. Os passos para obtê-lo estão abaixo.
- Espaço em disco. Cada conversão em andamento ocupa vários GB.
Você não precisa instalar o Docker Desktop antes, porque o app baixa e instala sozinho quando necessário. A versão gratuita converte três sites de até cinco páginas cada, o que basta para converter um site pequeno do Lovable em WordPress. Para trabalho com clientes, sites maiores e loja WooCommerce, você precisa de uma licença Pro da página de preços.
Instalar o app html2wp
Baixe o app para Mac, abra o arquivo DMG e arraste o html2wp para a pasta Aplicativos. Neste guia, os nomes dos botões aparecem exatamente como na tela.
Preparar o ambiente
Nas configurações do app (“Settings”), clique em Prepare environment (preparar o ambiente). O app baixa e inicia o Docker se for preciso. Depois, carrega o ambiente de conversão e as imagens do WordPress e do banco de dados. Na primeira vez, isso leva alguns minutos. O seu Mac pode pedir a sua senha, e o Docker mostra os termos de licença dele.
Quando tudo está pronto, o app mostra “Ready to work” (pronto para trabalhar) e o botão muda para Repair environment (reparar o ambiente). Você só precisa dele se o ambiente quebrar mais tarde.
Login com o ChatGPT
Clique em Connect with ChatGPT (conectar com o ChatGPT). O app mostra um código, e o botão Open sign-in page (abrir a página de login) abre a página da OpenAI. Entre lá com a sua conta do ChatGPT e digite o código do app. A senha você digita só na página da OpenAI, então o app nunca a vê.
Depois do login, escolha o Conversion model (modelo da conversão) e o Reasoning effort (esforço de raciocínio), ou mantenha o padrão. Se você tem uma licença Pro, insira a chave em Settings e clique em Save & check (salvar e verificar). A versão gratuita não precisa de chave.
Seu projeto do Lovable no app
O app precisa dos arquivos-fonte do projeto, não do endereço do site no ar. O Lovable sincroniza o projeto com um repositório no GitHub. Abra o repositório no GitHub e baixe com Code → Download ZIP. Você não precisa gerar o build do projeto nem rodar npm install, porque o app faz isso sozinho.
No app, clique em New project (novo projeto, ⌘N). Em Output (saída), mantenha HTML WordPress theme e escolha Import a ZIP (importar um ZIP). Se você descompactou o projeto, use Choose a folder (escolher uma pasta). O app trabalha numa cópia, então os seus arquivos originais ficam intactos.
Flash ou Full para converter o Lovable em WordPress
Na tela do projeto, você escolhe com que profundidade o app deve converter o site do Lovable em WordPress. O Flash é o padrão: cada etapa roda uma vez, e leva cerca de meia hora. O Full roda todas as verificações e tenta corrigir os erros que encontra, então leva cerca de uma hora. A duração exata depende do número de páginas e da velocidade do seu Mac.
Se você não precisa de WordPress, mude o tipo para Astro 5. O app então gera um site estático, e você pode publicá-lo no Cloudflare Pages direto do app.
Como a conversão funciona
Durante a conversão, a aba Overview (visão geral) mostra as etapas em andamento. Ela também mostra as correções que o plugin de conversão fez sozinho. Quase sempre, ele roda sem você. Seja o projeto do Lovable um app React mais antigo ou um projeto mais novo em TanStack Start, o app primeiro gera o build, abre num navegador e salva cada página como HTML pronto. Só depois transforma esse HTML no tema.
Para pausar, clique em Stop conversion (parar a conversão) e depois retome com Continue (continuar). Se o plugin parar sozinho numa etapa, Repair and continue (reparar e continuar) deixa que ele corrija o erro e siga em frente.
Conferir o site do Lovable contra o WordPress
A aba Compare (comparar) mostra cada página do original ao lado da versão WordPress, com a diferença em porcentagem. Ela compara na largura de desktop (Desktop · 1440) e de celular (Mobile · 390). Olhe cada página você mesmo. As verificações automáticas pegam a maioria das diferenças, mas não todas. Numa conversão, faltava uma seção inteira, e a diferença era só de 0,4%.
Na aba Preview (pré-visualização), Open website abre o site WordPress local e WordPress admin abre o painel dele. Se quiser mudar algo, escreva no chat à direita. A mudança aparece na pré-visualização em poucos segundos. Depois, clique em Make release (criar versão), e o app empacota o tema exatamente como você o vê na pré-visualização.
Exportar o tema do Lovable para o WordPress
Depois que você converte o Lovable em WordPress, os arquivos prontos ficam na aba Exports (exportações). Ao lado do tema WordPress, clique em Save (salvar) e guarde o ZIP. Lá também estão o relatório de conversão em PDF, o ZIP do projeto original e, depois de uma conversão Flash, um projeto Astro 5.
No WordPress, vá em Aparência → Temas → Adicionar novo tema → Enviar tema, escolha o ZIP e ative o tema. Páginas, blog, formulários, menus, SEO e redirecionamentos fazem parte do tema e funcionam sem plugin.
Se você quer que o seu cliente edite textos e imagens clicando direto na página, adicione o editor Visual Edit. Se prefere trabalhar com um agente no terminal, o guia com o plugin para Claude Code e Codex cobre a mesma conversão.