Back to Apps

Shopify MCP Server
Supports UIby iraritchiemeek
Browse and order from any Shopify storefront with interactive product-card widgets.
0 stars
Works in:claude
Exposes:ToolsResources
What it does
This MCP app transforms any public Shopify storefront into an interactive shopping experience within AI chat interfaces. It uses Cloudflare Workers to fetch public product data and renders it as an interactive UI widget, allowing users to select product variants and generate checkout permalinks without requiring a merchant API key.
Key features
- Interactive Product Cards: Renders curated products as rich UI widgets inside the chat.
- Code Mode Integration: Uses Cloudflare's Code Mode to chain data requests efficiently in a V8 sandbox.
- Universal Storefront Access: Works with any Shopify store that exposes the public
/products.jsonendpoint. - Direct Checkout: Generates Shopify cart permalinks that send users directly to the merchant's real checkout page.
Installation
Deploy to Cloudflare Workers and add the URL to your configuration:
- Claude Desktop: Add the deployed URL with
/mcpappended to yourclaude_desktop_config.jsoncustom connectors. - Claude Code: Add the following to
.mcp.json:
{
"mcpServers": {
"shopify": {
"type": "url",
"url": "https://your-worker.workers.dev/mcp"
}
}
}
Supported hosts
- Claude Desktop
- Claude Code
Choose your AI client and follow the steps below.
claude-code
{
"mcpServers": {
"shopify": {
"type": "url",
"url": "http://localhost:8787/mcp"
}
}
}Claude Desktop
Add custom connector URL: https://<your-subdomain>.workers.dev/mcp





