Add the WooCommerce MCP server to VS Code

Prerequisites

• VS Code installed.
• WP_API_URL — Your store's WooCommerce MCP endpoint, e.g. https://yourstore.com/wp-json/woocommerce/mcp.
• CUSTOM_HEADERS — JSON object carrying the auth header, e.g. {"X-MCP-API-Key": "CONSUMER_KEY:CONSUMER_SECRET"} using WooCommerce REST API keys.

Setup

{
  "servers": {
    "woocommerce": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@automattic/mcp-wordpress-remote@latest"
      ],
      "env": {
        "WP_API_URL": "<WP_API_URL>",
        "CUSTOM_HEADERS": "<CUSTOM_HEADERS>"
      }
    }
  }
}

Gotchas

• VS Code uses the `servers` key (not `mcpServers`) and requires `type`.

VS Code is the exception to every other client: its top-level key is "servers", not "mcpServers", and each entry needs an explicit "type" (for example "http" or "stdio"). Secrets are not inlined; instead you declare an "inputs" array and reference each value as ${input:id}, so VS Code prompts for it once and never writes it to disk. Remote servers connect natively with OAuth.