Start here

From AI export to a live WordPress site, in eleven steps

Everything you need between "I built a site with AI" and "my WordPress site is live". Follow the eleven steps in order, or jump straight to the builder you used.

  1. 1Start HereUnderstand the full path from AI builder to a live WordPress site.
  2. 2Choose BuilderPick the tool you built with and read its dedicated guide.
  3. 3Prepare ProjectApply the readiness checklist and the optimization prompt.
  4. 4Export ZIPFollow the export method that gives the best fidelity.
  5. 5UploadDrop the ZIP or paste a GitHub URL into the converter.
  6. 6PreviewInspect your WordPress site in the live Playground before paying.
  7. 7Download ThemeGet the installable WordPress theme ZIP.
  8. 8Install WordPressUpload the theme, set menus, homepage and permalinks.
  9. 9SEOYoast or Rank Math, sitemaps, canonicals and redirects.
  10. 10LaunchRun the launch checklist, then point your domain.
  11. 11Developer ResourcesHow the conversion intelligence engine works under the hood.

Choose your builder

Each guide covers export methods, accepted input, supported features, common mistakes and a copy-ready optimization prompt.

LovableReact + Vite + TailwindFramerFramer static export (HTML/CSS/JS)Bolt.newVite / React / Astro (varies per project)Cursor AIAny (React, Next.js, Vue, static)Claude (Artifacts & Projects)React / static HTMLGoogle AI StudioReact / Vite / staticReplitNode / React / static (varies)WebflowWebflow static export (HTML/CSS/JS)Base44React application exportV0.devNext.js + React + TailwindReact (Vite / CRA)React SPANext.jsNext.js App or Pages RouterStatic HTMLHTML / CSS / JavaScript

Conversion readiness checklist

Run through this before you export anything.

  • Navigation

    Use real anchor links with readable labels. Menus built purely from JavaScript state are harder to map to WordPress menu locations.

  • Images

    Reference images from your project folder (imports or /public). Images loaded from a temporary preview host may not be reachable at conversion time.

  • Assets

    Fonts, icons and CSS should live inside the project. Locally hosted assets are copied into the theme automatically.

  • Forms

    Standard form markup is converted to Contact Form 7 or WPForms. Custom JavaScript submit handlers are replaced by the WordPress form handler.

  • Routing

    Every route you want as a WordPress page must be reachable from the navigation, a sitemap or a route manifest.

  • Animations

    CSS animations and common libraries survive. Heavy scroll-timeline or canvas effects may render differently in WordPress.

  • SEO

    Titles, meta descriptions and canonical tags are extracted per page and mapped into the theme and your SEO plugin.

  • Responsive

    Breakpoints are preserved as-is. Check mobile before exporting — the converter never fixes a layout that was already broken.

Continue reading

Prepare Your WebsiteBuilder compatibility matrixAfter Conversion centerSEO migration center301 redirect centerAI conversion intelligenceBefore / after showcaseAll conversion guidesPlatform featuresPricingLive Site Editor pluginStart a conversion