How to use WebPros Dashboard MCP?

It is possible to configure MCP at Global or Workspace levels.

Global:

1. In VS Code go to File > Open...

2. Chose the file based on your operating system:

   • macOS: ~/Library/Application Support/Code/User/mcp.json
   • Windows: %APPDATA%\Code\User\mcp.json
   • Linux: ~/.config/Code/User/mcp.json

   Note: If the file doesn't exist yet, create it at the same location as above.

3. Paste the following content into the file and save it:

   { "servers": { "webpros-dashboard": { "type": "http", "url": "https://mcp.webpros.com/api/mcp", "headers": { "Authorization": "Bearer WEBPROS_MCP_KEY" } } } } 

4. A small Start link appears just above "webpros-dashboard" - click it to connect.

Note: replace WEBPROS_MCP_KEY with a real key your created using How to create WebPros Dashboard MCP key?

Workspace:

1. Open your project folder in VS Code at File > Open Folder...

2. In the Explorer sidebar hover over the project root and click the New Folder icon. Name it exactly:.vscode

   Note: If a .vscode folder already exists, skip this step.

3. Select the .vscode folder, click the New File icon, and name it exactly: mcp.json

4. Paste the following content into the file and save it:

   { "servers": { "webpros-dashboard": { "type": "http", "url": "https://mcp.webpros.com/api/mcp", "headers": { "Authorization": "Bearer WEBPROS_MCP_KEY" } } } } 

5. A small Start link appears just above "webpros-dashboard" - click it to connect.

Note: replace WEBPROS_MCP_KEY with a real key your created using How to create WebPros Dashboard MCP key?

1. Open Settings and go to Tools > AI Assistant > Model Context Protocol (MCP) page.
2. Click + Add (or New MCP Server) button.

3. Paste the JSON below:

   { "mcpServers": { "webpros-dashboard": { "url": "https://mcp.webpros.com/api/mcp", "headers": { "Authorization": "Bearer WEBPROS_MCP_KEY" } } } } 

4. Click OK or Apply. The server should show a green "connected" indicator once it loads its tools:

Note: replace WEBPROS_MCP_KEY with a real key your created using How to create WebPros Dashboard MCP key?

Run the next CLI command in the terminal:

copilot mcp add --transport http --header "Authorization: Bearer WEBPROS_MCP_KEY" webpros-dashboard https://mcp.webpros.com/api/mcp 

Note: replace WEBPROS_MCP_KEY with a real key your created using How to create WebPros Dashboard MCP key?