{"id":1252,"date":"2026-07-08T08:14:19","date_gmt":"2026-07-08T08:14:19","guid":{"rendered":"https:\/\/imagify.io\/documentation\/?p=1252"},"modified":"2026-07-08T09:00:00","modified_gmt":"2026-07-08T09:00:00","slug":"connecting-imagify-with-github-copilot-via-mcp","status":"publish","type":"post","link":"https:\/\/imagify.io\/documentation\/connecting-imagify-with-github-copilot-via-mcp\/","title":{"rendered":"Connecting Imagify with GitHub Copilot via MCP"},"content":{"rendered":"<p>Before continuing, make sure you have already completed <a href=\"https:\/\/imagify.io\/documentation\/imagify-mcp\/#toc6\" target=\"_blank\" rel=\"noopener\">Step 2.1: Make your WordPress site accessible to your AI assistant<\/a> and have the following information ready:<\/p>\n<ul>\n<li>Website URL<\/li>\n<li>WordPress username<\/li>\n<li>Application Password<\/li>\n<\/ul>\n<h4>Prerequisites<\/h4>\n<p>Before connecting GitHub Copilot, ensure you have:<\/p>\n<ul>\n<li>Visual Studio Code (VS Code)<\/li>\n<li>An active GitHub Copilot subscription<\/li>\n<li>GitHub Copilot Chat extension installed<\/li>\n<li>Enabled MCP support in VS Code ( Refer <a href=\"https:\/\/code.visualstudio.com\/docs\/copilot\/customization\/mcp-servers#_add-an-mcp-server\" target=\"_blank\" rel=\"noopener\">to this documentation<\/a> to enable)<\/li>\n<\/ul>\n<h3>Step 1: Open the MCP Configuration File<\/h3>\n<ol>\n<li>Open Visual Studio Code<\/li>\n<li>Ensure GitHub Copilot Chat is installed and active.<\/li>\n<li>Open the Command Palette.<\/li>\n<li>Search for and open:<br \/>\n<code style=\"background-color: #f5f5f5;border-left: 4px solid #ccc;padding: 4px 8px;font-family: monospace;font-size: 13px;border-radius: 4px;color: #333\">mcp.json<\/code><\/li>\n<\/ol>\n<h3>Step 2: Add Your WordPress MCP Configuration<\/h3>\n<p>Add the following configuration to your mcp.json file:<\/p>\n<pre style=\"background-color: #f5f5f5;padding: 15px;border-left: 4px solid #0073aa;font-family: monospace\">{\n  \"servers\": {\n    \"my-wordpress-site\": {\n      \"type\": \"stdio\",\n      \"command\": \"npx\",\n      \"args\": [\n        \"-y\",\n        \"@automattic\/mcp-wordpress-remote@latest\"\n      ],\n      \"env\": {\n        \"WP_API_URL\": \"https:\/\/your-website-domain\/wp-json\/mcp\/mcp-adapter-default-server\",\n        \"WP_API_USERNAME\": \"your-wordpress-username\",\n        \"WP_API_PASSWORD\": \"your-application-password\",\n        \"OAUTH_ENABLED\": \"false\"\n      }\n    }\n  }\n}<\/pre>\n<p><strong>Replace the following placeholders<\/strong><\/p>\n<table style=\"width: 100%;border-collapse: collapse;margin-bottom: 20px\">\n<thead>\n<tr style=\"background-color: #f1f1f1;border-bottom: 1px solid #ccc\">\n<th style=\"padding: 8px;text-align: left;border: 1px solid #ddd\">Placeholder<\/th>\n<th style=\"padding: 8px;text-align: left;border: 1px solid #ddd\">Description<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"padding: 8px;border: 1px solid #ddd\">you-website-domain<\/td>\n<td style=\"padding: 8px;border: 1px solid #ddd\">Your website domain<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 8px;border: 1px solid #ddd\">your-wordpress-username<\/td>\n<td style=\"padding: 8px;border: 1px solid #ddd\">Your WordPress username<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 8px;border: 1px solid #ddd\">your-application-password<\/td>\n<td style=\"padding: 8px;border: 1px solid #ddd\">Application Password generated in Step 2.1<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Step 3: Review the Updated Configuration<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1253\" src=\"https:\/\/imagify.io\/documentation\/wp-content\/uploads\/2026\/07\/image-6.png\" alt=\"\" width=\"1042\" height=\"520\" srcset=\"https:\/\/imagify.io\/documentation\/wp-content\/uploads\/2026\/07\/image-6.png 1042w, https:\/\/imagify.io\/documentation\/wp-content\/uploads\/2026\/07\/image-6-300x150.png 300w, https:\/\/imagify.io\/documentation\/wp-content\/uploads\/2026\/07\/image-6-1024x511.png 1024w, https:\/\/imagify.io\/documentation\/wp-content\/uploads\/2026\/07\/image-6-768x383.png 768w\" sizes=\"auto, (max-width: 1042px) 100vw, 1042px\" \/><br \/>\nYour configuration should now contain:<\/p>\n<ul>\n<li>Your WordPress MCP configuration<\/li>\n<li>Any existing MCP server configurations you already use<\/li>\n<\/ul>\n<table style=\"width: 100%;border-collapse: collapse;background-color: #fffdf3;border-left: 4px solid #f0b83d;margin-top: 15px;margin-bottom: 15px\">\n<tbody>\n<tr>\n<td style=\"padding: 12px 15px\"><strong>\u26a0\ufe0f Important:<\/strong> If your mcp.json file already contains other MCP servers, add the WordPress MCP configuration alongside your existing configuration.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>Platform Requirements<\/h4>\n<p><strong>macOS<\/strong><br \/>\nNo additional setup is required.<br \/>\n<strong>Windows<\/strong><br \/>\nThe MCP connection uses the <code>npx<\/code> command.<\/p>\n<p>If <code>npx<\/code> command is unavailable, install <a href=\"https:\/\/nodejs.org\/en\/download\" target=\"_blank\" rel=\"noopener\">Node.js<\/a> and restart VS Code before continuing.<\/p>\n<h3>Step 4: Reload VS Code<\/h3>\n<ol>\n<li>Save the file.<\/li>\n<li>Open the Command Palette:\n<ul>\n<li>macOS: <code>Cmd + Shift + P<\/code><\/li>\n<li>Windows: <code>Ctrl + Shift + P<\/code><\/li>\n<\/ul>\n<\/li>\n<li>Search for: <strong>Reload Window<\/strong><\/li>\n<li>Select <strong>Developer: Reload Window<\/strong>.<\/li>\n<\/ol>\n<p>GitHub Copilot should automatically detect the WordPress MCP server.<\/p>\n<h3>Step 5: Verify the Connection<\/h3>\n<p>Open GitHub Copilot Chat and ask:<\/p>\n<p><code style=\"background-color: #f5f5f5;border-left: 4px solid #ccc;padding: 4px 8px;font-family: monospace;font-size: 13px;border-radius: 4px;color: #333\">What Imagify abilties are available for my WordPress site?<\/code><\/p>\n<p>Copilot should recognize the plugin\u2019s MCP tools.<\/p>\n<h3>Next Step<\/h3>\n<p>Return to the main guide and continue with <a href=\"https:\/\/imagify.io\/documentation\/imagify-mcp\/#toc9\" target=\"_blank\" rel=\"noopener\">Step 3: Get Started<\/a> to explore example prompts and MCP abilities.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Before continuing, make sure you have already completed Step 2.1: Make your WordPress site accessible to your AI assistant and have the following information ready: Website URL WordPress username Application Password Prerequisites Before connecting GitHub Copilot, ensure you have: Visual Studio Code (VS Code) An active GitHub Copilot subscription GitHub Copilot Chat extension installed Enabled [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[39],"tags":[],"class_list":["post-1252","post","type-post","status-publish","format-standard","hentry","category-ai-assistants"],"_links":{"self":[{"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/posts\/1252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/comments?post=1252"}],"version-history":[{"count":3,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/posts\/1252\/revisions"}],"predecessor-version":[{"id":1267,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/posts\/1252\/revisions\/1267"}],"wp:attachment":[{"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/media?parent=1252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/categories?post=1252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/tags?post=1252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}