Skip to main content

Connect Marker.io MCP to Shopify

Updated today

Someone reports that a product description has a typo on your Shopify store through Marker.io. Instead of switching between tabs, your AI tool reads the issue and fixes the content directly in Shopify. This guide shows how to connect both Marker.io MCP and Shopify MCP to the same AI tool.

What you can do

When both servers are connected, your AI tool can:

  • Read Marker.io issues, screenshots, properties, and technical context

  • Update Shopify products, pages, and collections

  • Fix typos, broken links, and outdated content from a single prompt

  • Mark issues as resolved in Marker.io when the fix is done

For a full list of Marker.io MCP tools, see MCP Integration (Model Context Protocol).

Before you start

  • A Marker.io account with at least one website project

  • Marker.io MCP connected to your AI tool. Follow MCP setup guides if you haven't done this yet.

  • A Shopify store with Admin API access

  • An MCP-compatible AI tool (Claude Code, Cursor, VS Code, or similar)

Shopify setup

To edit store content, you need a Shopify Admin API access token. The MCP server runs locally and connects to your store through the Admin API. See the Shopify MCP documentation for details.

Create an access token

  1. In your Shopify admin, go to Settings > Apps and sales channels > Develop apps

  2. Click Create an app and give it a name (e.g. "AI tool")

  3. Click Configure Admin API scopes and enable the scopes you need (e.g. write_products, write_content, write_pages)

  4. Click Install app and copy the Admin API access token

  5. Note your store domain (e.g. your-store.myshopify.com)

Add to your AI tool

Replace your-store.myshopify.com with your store domain. Replace YOUR_ACCESS_TOKEN with the token from step 4.

Example for Claude Code

claude mcp add --transport http marker-io https://connect.marker.io/mcp
claude mcp add shopify -- npx shopify-mcp --accessToken YOUR_ACCESS_TOKEN --domain your-store.myshopify.com

Using a different AI tool? See MCP setup guides for Marker.io and add the Shopify server alongside it.

Workflow: fix a content issue

Here's what a typical workflow looks like once both servers are connected.

  1. A reporter submits an issue in Marker.io: "The product page for 'Classic T-Shirt' says '100% polyester' but it should be '100% cotton'."

  2. In your AI tool, ask: "List open issues from Marker.io."

  3. The AI reads the issue details and screenshot.

  4. Ask: "Fix the product description mentioned in this issue on Shopify."

  5. The AI finds the product in Shopify and updates the description.

  6. Ask: "Mark the Marker.io issue as resolved."

That's it. No tab switching, no copy-pasting.

Tips

  • You can ask the AI to handle multiple issues in a single prompt.

  • The AI can read Marker.io screenshots to understand visual context, not just text descriptions.

  • For code-level bugs (not content), pair Marker.io MCP with your code editor instead of Shopify MCP.

  • To install the Marker.io reporting widget on your Shopify store, see Shopify Integration.

Need Help?

If you have any questions, comments, or corrections, chat with us at the bottom right of our web pages.

Did this answer your question?