Back to Templates

Build a Shopify store chat agent with Shopify MCP and C1 by Thesys

Created by

Created by: Thesys || thesys

Thesys

Last update

Last update a day ago

Share


Build your own Shopify Store Agent with Shopify MCP and C1 by Thesys

This n8n template can setup a embeddable web chat widget for your Shopify store.

Check out a working demo of this template here.

What this workflow does

  1. A user sends a message in the n8n Chat UI (public chat trigger).
  2. The AI Agent interprets the request.
  3. The agent calls CoinGecko Free MCP to fetch market data (prices, coins, trending, etc.).
  4. The model responds through C1 by Thesys with a streaming, UI answer.

Example prompts you can try right away

Copy/paste any of these into the chat:

  • “What are the products in the catalog?”
  • "Purchase white shirt"
  • "Checkout my cart"

How it works

  1. User sends a prompt
  2. C1 model based on prompt will use Shopify MCP to fetch live catalog
  3. C1 Model generates a UI Schema Response
  4. Schema is rendered as UI using Thesys GenUI SDK on the frontend

Setup

Make sure you have the following:

1. Thesys API Key

You’ll need an API key to authenticate and use Thesys services.
Get your key here

2. Shopify MCP URL

You’ll need the URL of your Shopify Storefront MCP to access the catalog.
For more information, please refer to the Shopify MCP Docs.

What is C1 by Thesys?

C1 by Thesys is an API middleware that augments LLMs to respond with interactive UI (charts, buttons, forms) in real time instead of text.

Facing setup issues?

If you get stuck or have questions: