Convertir Lovable en WordPress: paso a paso con la app html2wp
Esta guía muestra cómo convertir un proyecto de Lovable en un tema de WordPress con la app html2wp. No necesitas una terminal ni saber programar. Añades el proyecto como ZIP, eliges Flash o Full y al final descargas un tema de WordPress terminado que se ve como tu diseño.
Lo que necesitas para convertir Lovable en WordPress con la app
- Un Mac con Apple silicon (M1 o posterior) y macOS 12 o posterior.
- Una cuenta de ChatGPT. La IA de tu propia suscripción hace la conversión, así que no nos pagas créditos ni tokens.
- El proyecto de Lovable como ZIP o como carpeta con el código fuente. Más abajo tienes los pasos para conseguirlo.
- Espacio en disco. Cada conversión en marcha ocupa varios GB.
No hace falta instalar Docker Desktop de antemano, porque la app lo descarga e instala por sí misma cuando lo necesita. El plan gratuito convierte tres sitios de hasta cinco páginas cada uno, suficiente para convertir un sitio pequeño de Lovable en WordPress. Para trabajos de clientes, sitios más grandes y una tienda WooCommerce necesitas una licencia Pro de la página de precios.
Instalar la app html2wp
Descarga la app para Mac, abre el archivo DMG y arrastra html2wp a la carpeta Aplicaciones. La app está en inglés, así que en esta guía los nombres de los botones aparecen tal como los ves en pantalla.
Preparar el entorno
En los ajustes de la app (Settings), haz clic en Prepare environment (preparar el entorno). Si hace falta, la app descarga y arranca Docker. Después carga el entorno de conversión y las imágenes de WordPress y de la base de datos. La primera vez tarda unos minutos. Puede que el Mac te pida la contraseña, y Docker te muestra sus condiciones de licencia.
Cuando todo está listo, la app muestra "Ready to work" y el botón cambia a Repair environment. Solo lo necesitas si el entorno se estropea más adelante.
Iniciar sesión con ChatGPT
Haz clic en Connect with ChatGPT. La app te muestra un código, y el botón "Open sign-in page" abre la página de OpenAI. Inicia sesión ahí con tu cuenta de ChatGPT e introduce el código de la app. Escribes la contraseña solo en la página de OpenAI, así que la app nunca la ve.
Tras iniciar sesión, elige "Conversion model" (el modelo) y "Reasoning effort" (el esfuerzo de razonamiento), o deja los valores por defecto. Si tienes una licencia Pro, introduce la clave en Settings y haz clic en Save & check. El plan gratuito no necesita clave.
Tu proyecto de Lovable en la app
La app necesita los archivos fuente del proyecto, no la dirección del sitio publicado. Lovable sincroniza el proyecto con un repositorio de GitHub. Ábrelo en GitHub y descárgalo con Code → Download ZIP. No tienes que compilar el proyecto ni ejecutar npm install, porque la app lo hace por sí misma.
En la app, haz clic en New project (⌘N). En Output, deja HTML WordPress theme y elige Import a ZIP, o "Choose a folder" si has descomprimido el proyecto. La app trabaja sobre una copia, así que tus archivos originales no cambian.
Convierte el proyecto de Lovable en WordPress: Flash o Full
En la pantalla del proyecto eliges con qué detalle debe la app convertir el sitio de Lovable en WordPress. Flash es la opción por defecto: cada paso se ejecuta una vez y tarda una media hora. Full ejecuta todas las comprobaciones e intenta corregir los errores que encuentra, así que tarda alrededor de una hora. El tiempo exacto depende del número de páginas y de la velocidad de tu Mac.
Si no necesitas WordPress, cambia el tipo a Astro 5. La app genera entonces un sitio estático, y puedes publicarlo en Cloudflare Pages directamente desde la app.
Cómo avanza la conversión
Durante la conversión, la pestaña "Overview" muestra los pasos en los que trabaja el plugin de conversión y las correcciones que hizo por su cuenta. Casi todo el tiempo funciona sin ti. Tanto si el proyecto de Lovable es una app antigua de React como si es un proyecto más nuevo con TanStack Start, la app primero lo compila, lo abre en un navegador y guarda cada página como HTML terminado. Solo entonces convierte ese HTML en el tema.
Para pausarla, haz clic en Stop conversion y retómala después con "Continue". Si el plugin se detiene solo en algún paso, Repair and continue le deja corregir el error y seguir.
Comparar el sitio de Lovable con WordPress
La pestaña Compare muestra cada página del original junto a la versión de WordPress, en ancho de escritorio (Desktop · 1440) y de móvil (Mobile · 390), con la diferencia en porcentaje. Revisa tú mismo cada página. Las comprobaciones automáticas detectan la mayoría de las diferencias, pero no todas: en una conversión faltaba una sección entera y la diferencia era solo del 0,4 %.
En la pestaña Preview, "Open website" abre el sitio de WordPress local y "WordPress admin" abre su escritorio. Si quieres cambiar algo, escríbelo en el chat de la derecha. El cambio aparece en la vista previa en pocos segundos. Luego haz clic en Make release, y la app empaqueta el tema exactamente como lo ves en la vista previa.
Exporta el tema de WordPress
Este es el último paso para convertir Lovable en WordPress: los archivos finales están en la pestaña Exports. Junto al tema de WordPress, haz clic en "Save" y guarda el ZIP. También encuentras el informe de conversión en PDF, el ZIP del proyecto original y, tras una conversión Flash, un proyecto Astro 5.
En WordPress, ve a Apariencia → Temas → Añadir nuevo tema → Subir tema, elige el ZIP y activa el tema. Páginas, blog, formularios, menús, SEO y redirecciones forman parte del tema y funcionan sin ningún plugin.
Si quieres que tu cliente edite textos e imágenes haciendo clic directamente en la página, añade el editor Visual Edit. Si prefieres trabajar con un agente en la terminal, la guía con el plugin para Claude Code y Codex cubre la misma conversión.