ShipToWP

Lovable to WordPress: Convert a Lovable App Into an Editable Theme

If you built a site in Lovable and want it running on WordPress, this is the switch. Export the code from Lovable, build it once, and ShipToWP rebuilds it as a real WordPress theme: per-page templates, enqueued styles, and section blocks you can edit yourself.

Convert my Lovable exportHow it works
  • Preview never expires
  • No sign-up to convert
  • $49 one-time unlock

Lovable to WordPress: best for, and not for

Best for

  • Lovable-built marketing sites, landing pages and portfolios that you want on your own hosting.
  • Teams that outgrew a builder subscription and want the WordPress admin, plugins and SEO tooling.
  • Agencies who prototype in Lovable and deliver on WordPress.
  • Keeping the exact look of an approved Lovable design while moving to an editable CMS.

Not for

  • Moving Lovable Supabase data, auth or user accounts into WordPress. The conversion covers the site layer, not the database.
  • Live app logic like dashboards, realtime updates or AI chat flows built inside Lovable.
  • JavaScript-only widgets such as carousels, tab groups and animated reveals. The theme ships each page as it renders, so that behaviour needs a WordPress plugin or plain CSS afterwards.
  • Form wiring: exported forms arrive as markup, and you connect them to a WordPress form plugin afterwards.
  • WooCommerce stores, one-click multilingual setups, or getting WordPress hosting from us. ShipToWP does not do those.

What to export from Lovable

  1. 01Open your project at lovable.dev and check the preview shows every page you want to convert.
  2. 02Click the Code button (</>) in the top bar, choose Export code, and download the project as a zip.
  3. 03Unzip it, open a terminal in that folder and run npm install, then npm run build. The build writes a dist folder: that is your exported website.
  4. 04Zip the contents of dist and upload that here. If you synced the project to GitHub instead, download the repo, run the same build, and upload its dist folder.

ShipToWP also accepts a single index.html file, so one-page builds never need the zip step.

What you get

The live preview is free and needs no account, so you see the result before deciding anything.

  • A WordPress theme zip that installs on any self-hosted WordPress 6.x site.
  • One page template per exported page, with the header and footer split into shared theme parts.
  • Stylesheets and scripts the export ships are enqueued the WordPress way instead of inlined on every page.
  • Content structured as section blocks: edit copy in the dashboard, extend with Elementor or the block editor.
  • A live preview of the converted theme before you download, free and with no sign-up.

Lovable builds React sites, and the built output is a script plus an empty page shell: the copy only exists once the app has run. ShipToWP renders it before converting, in your own browser, and hands the finished HTML to the converter. The theme that comes back is plain PHP and CSS with no React runtime and nothing Lovable-specific left inside it.

Example conversion: a Lovable landing page becomes a theme

Say your Lovable project is a marketing site with a home page, a features page and a pricing page. You click the code button in Lovable, download the project as a zip, run npm run build in it, and drop the resulting dist folder into the ShipToWP uploader.

ShipToWP renders those built pages first, in your browser, so the converter receives real markup rather than an empty React shell. It then rebuilds each page as its own WordPress template, with the header and footer split out as shared theme parts. Assets are enqueued through the normal WordPress queue instead of being pasted into every page.

A live preview opens so you can click through the converted theme before downloading. When it looks right, you download the theme zip and install it under Appearance > Themes in your own WordPress. Your design now lives on your hosting, with the WordPress dashboard behind it.

Install the theme, then polish

In your WordPress dashboard go to Appearance > Themes, click Add New, then Upload Theme. Choose the zip ShipToWP gave you, press Install Now and activate. The site runs on your own hosting from that moment; there is no ShipToWP plugin or account dependency left in the theme.

Conversion rebuilds structure, not server logic. Expect these polish items after activating:

  • Forms come across as static markup. Install something like Contact Form 7 or WPForms and point the markup at it.
  • Anything that pulled from Supabase at runtime (lists, profiles, counts) needs rebuilding with real WordPress content.
  • Navigation menus can be re-ordered afterwards under Appearance > Menus.
  • Lovable toast and dialog components and other app-only widgets come over as their default HTML state and usually get removed.
  • Menus, widgets and site identity stay editable in the standard WordPress places.

Lovable to WordPress: common questions

Should I convert my Lovable app to WordPress?
If what Lovable built is really a website (pages, sections, a form), yes. WordPress gives you an admin your client can use, a plugin ecosystem, and hosting you control. If the core value is app logic on Supabase, keep the app and convert only its marketing pages.
Can I paste my Lovable code instead of uploading a zip?
The supported input is the built export: the zip of your dist folder, or a single index.html if the page fits in one file. A partial paste usually loses the linked CSS and assets, which is why the export is the reliable path.
Why does ShipToWP say my Lovable export is an unbuilt project?
Because the code Lovable hands you is source: the pages live in .tsx files and there is no HTML to convert yet. Run npm install and npm run build in the exported folder, then upload the dist folder it produces. No Node experience is needed: those are the same two commands Lovable itself runs in its preview.
Does ShipToWP upload my Lovable project to a server?
A Lovable build output is a script that paints the page when it runs, and a server has no browser to run it in. So the render step happens in your own tab: ShipToWP opens the export locally, waits for each page to finish painting, and only sends the resulting HTML to be converted. Nothing leaves your machine that you cannot see in the preview.
Will my client be able to edit the site themselves?
That is exactly what the conversion is for. The theme installs on your own WordPress, every top-level section is an editable block, and your client edits copy and images in the dashboard they already know — no developer, no build step, no Lovable subscription in the loop. You keep ownership of the hosting, the files and the data.
Is this a real PHP theme or a visual clone?
A real WordPress theme: per-page PHP templates, styles enqueued the WordPress way, a shared header and footer, a registered navigation menu location. You can build a child theme on top of it. What you do not get is a pixel-painted screenshot — the markup is live and editable.
Is loveable to WordPress the same thing as this page?
Yes. Loveable is the common misspelling of Lovable, the AI app builder, and this converter works on its code exports.
Does the result work with Elementor?
The theme zip includes an Elementor template for every page (elementor/templates/): import it under Templates > Saved Templates and the whole page becomes native Elementor widgets you can edit visually. The theme itself ships with native Gutenberg blocks in its template parts.

Try it on the site you are delivering this week

Start with a free preview that never expires, no sign-up. Unlock the theme download with a one-time payment.

Convert your site free