The button, in its light and dark variants
Build your link
The link points at MCP Manager’s servers page and carries your endpoint as a query parameter:- The parameters disappear from the address bar once the dialog opens. That is deliberate — it stops a refresh or a back-navigation re-opening the dialog on top of the visitor. Your link is not being rewritten or broken.
- If a parameter appears twice, the first value wins.
?serverName=Acme&serverName=Acme%20DocsusesAcme. The values are never joined together.
https://mcp.acme.com/mcp:
Copy a snippet
Both colour variants are here as complete, self-contained HTML. Pick the one that suits your page, or use the auto-switching form below if your site has both themes.prefers-color-scheme media query instead, because an inline style attribute can’t hold a media query — use it when your page serves both themes, and rename the class if mcp-manager-connect collides with anything of yours. In all three the mark is inline SVG, so there is no image request to us and nothing to break if you are offline or behind a proxy.
For a README, the plain Markdown badge is the simplest thing that works everywhere. The <picture> form switches with the reader’s theme and is supported on GitHub. Both hotlink the SVG from our docs; you are equally welcome to download either file and serve it from your own domain.
What the visitor sees
They click your button
They confirm and authorize
If they don’t have an account
The link works for someone signed out, and for someone who has never heard of MCP Manager. They’re taken to sign in or sign up first, and your server is carried through the whole journey — including single sign-on and accepting terms. They come out the other side at exactly the state above, with your endpoint and name still filled in. This is the part that makes the button worth putting on a public page: you can link to it from anywhere, and a first-time visitor still lands on your server rather than an empty dashboard, with nothing to find their way back to.Using the button
- Use the wording Connect via MCP Manager. Don’t reword it to imply a partnership, endorsement, or certification that isn’t in place.
- Don’t recolor, rotate, stretch, or otherwise redraw the mark. Use the light or dark SVG as shipped, or the inline HTML snippet.
- Point the link at
https://app.mcpmanager.ai. A button pointed somewhere else isn’t this button. - You don’t need our permission, an account, or a partnership to use it. If you operate a registry or a directory and want to generate these links in bulk, that works the same way — the format is stable and documented here.
- Link to your own server. Don’t publish a button that connects visitors to somebody else’s endpoint.
Troubleshooting
The dialog opens but the URL field is empty or truncated
The dialog opens but the URL field is empty or truncated
/ was read as part of the outer link. Encode it — see the warning above.The dialog opens with the URL filled in, but says it can't connect automatically
The dialog opens with the URL filled in, but says it can't connect automatically
https://. Discovery runs on our servers rather than in the visitor’s browser, so we don’t fire a plaintext address supplied by
a third-party page without a click — and that includes localhost, which from our side means our own infrastructure rather than the visitor’s
machine. Nothing is blocked: the visitor can still press Connect. Publish over HTTPS and the button works end to end.It says your server can't be connected
It says your server can't be connected
The name you passed isn't showing
The name you passed isn't showing
serverName is empty after that, MCP Manager
falls back to the name your server advertises in its initialize response, then to its hostname.
