Pre-conversion center
Prepare Your Website
Conversion quality is decided before you upload. Ten minutes of preparation is usually the difference between a 90 and a 99 fidelity score. Pick your builder below, or start with the universal checklist.
LovableReact + Vite + Tailwind
FramerFramer static export (HTML/CSS/JS)
Bolt.newVite / React / Astro (varies per project)
Cursor AIAny (React, Next.js, Vue, static)
Claude (Artifacts & Projects)React / static HTML
Google AI StudioReact / Vite / static
ReplitNode / React / static (varies)
WebflowWebflow static export (HTML/CSS/JS)
Base44React application export
V0.devNext.js + React + Tailwind
React (Vite / CRA)React SPA
Next.jsNext.js App or Pages Router
Static HTMLHTML / CSS / JavaScriptUniversal readiness checklist
These eight checks apply to every builder.
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.
Accepted input
- ZIP archive
- GitHub repository
- Static export
- Source project
- Build output (where supported)
Not recommended
- Old build folders from a previous version of the project
- Incomplete exports that are missing package.json or index.html
- Screenshots, Figma files, PSD files or design mockups
- node_modules — always exclude it, it makes uploads slow and adds nothing
Builder optimization prompts
Paste these into your AI builder before exporting. Each one instructs the builder to restructure the project for the highest possible WordPress fidelity.
Optimize Lovable before export
Read the full Lovable guideOptimize Framer before export
Read the full Framer guideOptimize Bolt.new before export
Read the full Bolt.new guideOptimize Cursor AI before export
Read the full Cursor AI guideOptimize Claude (Artifacts & Projects) before export
Read the full Claude (Artifacts & Projects) guideOptimize Google AI Studio before export
Read the full Google AI Studio guideOptimize Replit before export
Read the full Replit guideOptimize Webflow before export
Read the full Webflow guideOptimize Base44 before export
Read the full Base44 guideOptimize V0.dev before export
Read the full V0.dev guideOptimize React (Vite / CRA) before export
Read the full React (Vite / CRA) guideOptimize Next.js before export
Read the full Next.js guideOptimize Static HTML before export
Read the full Static HTML guide