--- title: "Add WebMCP to a page | Agent MCP Directory" description: "Add WebMCP to a page. Register page tools through document.modelContext and know which browsers and agents will call them today." canonical: https://agentmcpdirectory.com/guides/add-webmcp-to-a-page site: "Agent MCP Directory" last_updated: 2026-11-04 section: "Guides" --- # Add WebMCP to a page | Agent MCP Directory > Add WebMCP to a page. Register page tools through document.modelContext and know which browsers and agents will call them today. Source: https://agentmcpdirectory.com/guides/add-webmcp-to-a-page Site: Agent MCP Directory Last reviewed: 2026-11-04 # Add WebMCP to a page Register page tools through document.modelContext and know which browsers and agents will call them today. The shared crawl found a WebMCP hint on 25 of 7,545 top-10,000 home pages. First step: Feature-detect document.modelContext. Last step: Test in a browser with the origin trial or flag enabled. ## Steps 1. Feature-detect document.modelContext. 2. Call registerTool with name, description, input schema and handler. 3. Set allow="tools" on cross-origin iframes that need it. 4. Test in a browser with the origin trial or flag enabled. ## What the sources say - The draft API is document.modelContext with registerTool(), getTools(), executeTool() and a toolchange event. ([github.com](https://github.com/webmachinelearning/webmcp), read 4 November 2026) - Cross-origin iframes need Permissions Policy allow="tools". ([github.com](https://github.com/webmachinelearning/webmcp), read 4 November 2026) - TypeScript definitions ship as webmcp-types on npm. ([github.com](https://github.com/webmachinelearning/webmcp), read 4 November 2026) - nekuda's FAQ (October 2026): Chrome and Edge test WebMCP in an origin trial, Brave behind a flag, Firefox and Safari have none, and Gemini in Chrome and Claude for Chrome do not use WebMCP tools yet. ([webmcp.com](https://webmcp.com/), read 4 November 2026) - Ora's 30 Sep 2026 post demoed a WebMCP tool returning an MCP App View, requiring chrome://flags/#enable-webmcp-testing. ([ora.ai](https://ora.ai/blog/when-a-webmcp-tool-returns-an-mcp-app?utm_source=agentmcpdirectory.com&utm_medium=referral&utm_campaign=guide), dated 30 September 2026, read 4 November 2026) ## How common it is The crawl reads each home page's initial HTML for a WebMCP hint. It found one on 25 of 7,545 home pages in the top 10,000 and on 59 of 3,393 on Ora's leaderboard. A hint in the HTML is not a working tool; check in a browser that registers it. ## Domains with a hint [agent-ready.dev](https://agentmcpdirectory.com/directory/agent-ready-dev/), agentready.org, [allbirds.com](https://agentmcpdirectory.com/directory/allbirds-com/), astronomer.io, august.com, awaytravel.com, bristlehealth.com, [browserless.io](https://agentmcpdirectory.com/directory/browserless-io/), casper.com, chiikawamarket.jp, circle.so, [circleci.com](https://agentmcpdirectory.com/directory/circleci-com/), [cloudflare.com](https://agentmcpdirectory.com/directory/cloudflare-com/), cookiebot.com, cratejoy.com, curacel.co, daisonet.com, [dartai.com](https://agentmcpdirectory.com/directory/dartai-com/), deepnight.ai, discoverpilgrim.com, ecoflow.com, elementor.com, everlane.com, evernote.com, feverup.com, flaviar.com, flexfits.com, getbinks.com, getcargo.ai, getcargo.io, getlago.com, givelegacy.com, glossier.com, gymshark.com, heypocket.com, [hostinger.com](https://agentmcpdirectory.com/directory/hostinger-com/), hypeandvice.com, isitagentready.com, linksys.com, lionpose.com, lucy.co, lusbrands.com, matagora.com, [monday.com](https://agentmcpdirectory.com/directory/monday-com/), mynextderma.com, nanit.com, naturallclub.com, nishatlinen.com, onrender.com, [ora.ai](https://agentmcpdirectory.com/directory/ora-ai/), pages.dev, playably.ai, popl.co, [primitive.dev](https://agentmcpdirectory.com/directory/primitive-dev/), quickchat.ai, rarebird.coffee, [render.com](https://agentmcpdirectory.com/directory/render-com/), rungroundcontrol.com, saya.pk, shipreal.dev, shoplocale.com, shoptiques.com, signnow.com, socksoho.com, soteriskin.com, soundboks.com, [telnyx.com](https://agentmcpdirectory.com/directory/telnyx-com/), theessential.com, usenourish.com, [usercentrics.eu](https://agentmcpdirectory.com/directory/usercentrics-eu/), usergems.com, usetaiga.com, vendah.com.br, webmcp.com, whitepages.com, whoosh.com, workers.dev, wpastra.com, wyndly.com, wyze.com, wyzecam.com, [youspot.com](https://agentmcpdirectory.com/directory/youspot-com/), zbiotics.com, zellbury.com, zenrows.com. Edition 4 November 2026 Method [How rows are verified](https://agentmcpdirectory.com/method/) Data [CSV and JSON](https://agentmcpdirectory.com/data/) Markdown [This page as markdown](https://agentmcpdirectory.com/guides/add-webmcp-to-a-page/index.md) ## Sources - [Add WebMCP to a page](https://github.com/webmachinelearning/webmcp), read 4 November 2026 - [webmcp.com](https://webmcp.com/), read 4 November 2026 - [ora.ai/blog/when-a-webmcp-tool-returns-an-mcp-app](https://ora.ai/blog/when-a-webmcp-tool-returns-an-mcp-app?utm_source=agentmcpdirectory.com&utm_medium=referral&utm_campaign=guide), read 4 November 2026 Last reviewed 4 November 2026