Learn how to connect Microsoft Copilot to your Webflow sites and Workspaces.
You can connect Microsoft Copilot to Webflow via the MCP (Model Context Protocol) server and use it to manage, update, and create site content using natural-language prompts. For example, ask Copilot to audit your site for broken links and accessibility issues, or to update the items in your Blog Collection and publish the changes.
Before you get started
To use the Webflow connector in Copilot, you'll need:
- A Microsoft 365 Copilot add-on license or Microsoft 365 E7 — required for each person using the Webflow connector
- Any site role except Reviewer — the MCP server respects each user's existing role permissions
Set up the Webflow connector in Copilot
To connect Copilot to your sites and Workspaces using the Webflow connector:
- Open Copilot and sign in with your work account
- Click the Settings icon
- Click Sources
- Find Webflow and click Connect
- Click Continue to Webflow
- In the tab that opens, check I recognize and trust this URL
- Click Continue
- Choose the sites and/or Workspaces you want to give Copilot access to
- Click Authorize App
Copilot shows Webflow as connected under Settings > Sources when you're done.
Copilot reads from Webflow without asking. By default, it asks you to confirm each time before it creates, updates, or deletes anything. When it asks, you can allow the action once, allow it for the rest of the conversation, or always allow it — each choice applies to the individual tool Copilot is using, not to the whole connector. To review these settings, go to Settings > Sources and select Webflow.
Once Webflow is connected, name it in your prompt so Copilot knows to use it, and include any details it needs — for example, "Check my Blog Collection in Webflow for posts missing a meta description." You can also type / and choose Webflow from the list to add it to your prompt. Copilot then chooses the right tools for the job.
Use skills for common tasks
The Webflow connector also includes skills — ready-made jobs that use Webflow's own best practices. To run one, type its full name in your prompt, along with the site or page you want it to work on. Copilot doesn't suggest skill names as you type, so enter the name exactly as it appears below:
| Skill |
What it does |
/audit-accessibility |
Checks a page against WCAG 2.1 — buttons, forms, links, focus states, headings, and keyboard navigation — and suggests fixes. Image alt text is covered by /audit-asset. |
/audit-asset |
Flags assets missing alt text or with filenames that aren't SEO-friendly, and suggests improvements. |
/audit-comments |
Reviews the open comment threads on your site and helps you work through them. |
/audit-links |
Checks internal and external links across your site, including CMS content, and flags broken ones and links that still use http://. |
/guide-cms-collection-setup |
Creates a CMS Collection with the fields and relationships you describe — for blog posts, products, team members, and so on. |
/guide-getting-started |
Walks you through your first task with the MCP server, including checking your connection and writing your prompt. |
/guide-publishing |
Shows what's changed since your last publish and runs pre-publish checks. |
/guide-using-cms |
Advises on CMS structure — planning Collections, setting up relationships, and troubleshooting. |
/guide-using-custom-code |
Adds, reviews, or removes inline custom scripts on your site or on a single page — analytics, tracking pixels, chat widgets, and other custom JavaScript. |
To disconnect Webflow, go to Settings > Sources and click Disconnect on the Webflow source.
Learn more
Help Center articles:
Developer documentation: