> For the complete documentation index, see [llms.txt](https://docs.uichemy.com/llms.txt).
> Use it to discover all available pages before exploring further.

# Cursor to WordPress

Connect Cursor to WordPress with UiChemy, using Cursor to make the connection.


Cursor is one of the four MCP clients UiChemy's dashboard generates ready-to-paste config for.

### Why It Matters

A Cursor build looks done, then you try to ship it. Cursor hands you working code, but a website is something else, a domain you own, blocks you can edit, a CMS that grows. Left as-is, that gap shows up three ways:

- **You build it twice.** Getting Cursor's code into WordPress usually means rebuilding it section by section, by hand.
- **It stays static.** It's frozen at whatever placeholder text Cursor wrote, no blog posts, no products, no CMS data flowing in.
- **It isn't yours.** A shared preview link isn't a website, no domain of your own, no CMS, no plugins, no SEO layer.

UiChemy closes that gap in one push: it rebuilds the same design as native WordPress blocks, on your domain, in the builder you already use.

### How It Works

**The steps.** Converting a Cursor site to WordPress takes five steps.

<Steps>
  <Step title="Create your website in Cursor" icon="sparkles" title-type="h3">
    Work however you already do in Cursor. Prompt it, iterate, and stop when the site looks right.
  </Step>
  <Step title="Install the UiChemy plugin" icon="download" title-type="h3">
    Add it to your WordPress site and paste the Connection Link once. Free to start.
  </Step>
  <Step title="Connect the UiChemy MCP" icon="plug" title-type="h3">
    Add the UiChemy MCP to Cursor once, or any WordPress MCP you already run (Novamira, WPVibe, Elementor Angie). It remembers the connection for every conversion after that.
  </Step>
  <Step title="Convert to WordPress" icon="repeat" title-type="h3">
    Ask Cursor to transfer that design to WordPress. Every page lands native and fully editable.

    <Callout kind="tip">
    **Example prompt:** "Build my website in HTML, CSS and JS. Then connect to my WordPress over the UiChemy MCP and, using UiChemy Composer, move the whole site in: recreate every page section by section; put the header, footer and any blog/archive/single templates into the Theme Builder; keep colors, typography and spacing as global styles; import native and editable in Elementor (or Gutenberg). When done, list the pages you created."
    </Callout>
  </Step>
  <Step title="Edit in UiChemy Composer" icon="pencil" title-type="h3">
    Restyle, rewrite and rearrange any section visually or by prompt. No code needed.
  </Step>
</Steps>

<Callout kind="info">
See the full walkthrough with more detail: [Cursor to WordPress](https://uichemy.com/ai-to-wordpress/cursor-to-wordpress/). Scroll down to the **How to convert a Cursor site to WordPress in five steps** section to see this same walkthrough.
</Callout>

### Connecting the MCP Server (Step 3 in Detail)

| Setting | Value |
|---|---|
| **Config format** | JSON |
| **Save path** | `.cursor/mcp.json` (or a project-level `.cursor/mcp.json`) |

**Config**, paste this in yourself:

```json
{
  "mcpServers": {
    "your-site-name-uichemy-mcp": {
      "command": "npx",
      "args": ["-y", "@automattic/mcp-wordpress-remote"],
      "env": {
        "WP_API_URL": "https://yoursite.com/index.php?rest_route=/uichemy/v2/mcp",
        "WP_API_USERNAME": "admin",
        "WP_API_PASSWORD": "your-application-password"
      }
    }
  }
}
```

Save to `~/.cursor/mcp.json`, or `.cursor/mcp.json` inside a specific project.

<Callout kind="tip">
Prefer not to edit the file yourself? On the UiChemy dashboard, switch **Prompt / Config** to **Prompt** and copy the ready-made prompt instead, paste it into Cursor and it edits its own config file for you.
</Callout>

<Callout kind="warning">
Always use the exact path UiChemy's dashboard shows at the time you connect, not one from memory, tool vendors can move where this file lives between versions.
</Callout>

### Benefits

- **Simplest, safest flow.** One plugin, one connection, then prompt it to publish, fewer moving parts than a copy-paste stack of exported code, a code plugin, and patch-it-by-hand fixes.
- **Lightweight output.** Clean, semantic HTML with none of the wrapper-heavy bloat typical page builders add, pages stay fast.
- **Your choice of builder.** Publish into Elementor or Gutenberg today, with Bricks coming soon, your build lands as native, editable elements in whichever you already use.

### What You Get

Once your Cursor build lands in WordPress through UiChemy, you unlock the rest of the platform, not just a page:

- **Client-editable, role-controlled.** Hand off to clients and teammates, they edit visually with a full role manager, no code required. See [Role Manager Overview](/uichemy-plugin/role-manager/overview).
- **Dynamic content and loops.** Bind live data and repeat layouts, post grids, product listings, anything data-driven, instead of static placeholder text.
- **ACF and custom fields.** Structured content with Advanced Custom Fields, ready to wire into any template.
- **Theme Builder.** Design headers, footers, archives, and single templates that apply site-wide. See [Theme Builder Overview](/uichemy-plugin/theme-builder/overview).
- **Forms and SEO.** Native forms plus RankMath or Yoast, with schema, meta tags, and XML sitemaps built in.
- **White-label and long-term CMS.** Rebrand the editor and grow on a real CMS for years, instead of staying frozen at launch.

### Capabilities

UiChemy Composer exposes 100+ actions Cursor can call over MCP, spanning convert and capture, pages and sections, editing and inspection, the design system, and media and setup. See [MCP Tools Reference](/uichemy-composer/uichemy-widget/mcp-tools-reference) for the full list.

### Frequently Asked Questions

<ExpandableGroup>
  <Expandable title="What does 'Cursor to WordPress' mean?" default-open="false">
    It means taking a site you built in Cursor, HTML, CSS and JS, and publishing it as a real, editable WordPress site with UiChemy, instead of leaving it as static code.
  </Expandable>

  <Expandable title="Can Cursor build a whole WordPress site, not just one page?" default-open="false">
    Yes. Prompt Cursor for as many pages as you need, then push them all to WordPress with UiChemy, and each one arrives as an editable page.
  </Expandable>

  <Expandable title="Do I need to know how to code?" default-open="false">
    No. Your pages arrive as native, editable WordPress content you change visually. You can drop in your own HTML, CSS, or JS if you want, but it's never required.
  </Expandable>

  <Expandable title="Is the output editable, or a frozen clone?" default-open="false">
    Fully editable. Every section comes in as real WordPress elements you can drag, restyle, and rewrite, never a flat image or a locked export.
  </Expandable>

  <Expandable title="Does it work with Elementor, Gutenberg, and Bricks?" default-open="false">
    Elementor and Gutenberg, yes, your Cursor build lands as native, editable elements in whichever you choose. Bricks is coming soon.
  </Expandable>

  <Expandable title="Will the site be fast and lightweight?" default-open="false">
    Yes. UiChemy outputs clean, HTML-based markup with few plugins, so pages stay lightweight and load fast.
  </Expandable>

  <Expandable title="Is it good for SEO?" default-open="false">
    Yes. On WordPress you get RankMath or Yoast, schema, meta tags, XML sitemaps, and clean permalinks, the SEO layer Google and AI answer engines read.
  </Expandable>

  <Expandable title="Can my client edit it?" default-open="false">
    Yes. Clients and teammates edit visually in WordPress, with a role manager to control who can change what.
  </Expandable>
</ExpandableGroup>

<Callout kind="tip">
Connected but the tool won't respond, or "Could not connect"? See [Connect an MCP Client](/ai-to-wordpress/connect-mcp-client#if-it-doesnt-work) for the fix.
</Callout>

### Related

<Columns cols={2}>
  <Card title="Set Up AI to WordPress" href="/ai-to-wordpress/set-up">
    The full click-by-click setup, generating your connection and picking a tool.
  </Card>
  <Card title="Connect an MCP Client" href="/ai-to-wordpress/connect-mcp-client">
    Confirm the connection is actually working.
  </Card>
</Columns>