Add a shop to the site you build in Cursor

If you build in Cursor you could write a checkout yourself. The question is whether you want to maintain one. AddTheShop gives you the storefront, the cart, Stripe checkout and order storage as a service, and gives the Cursor agent an MCP server so it can manage the shop as part of your normal workflow.

For the agent, not just for you

Point Cursor at our agent guide and it has everything: the snippet, framework examples, the storefront API, and the MCP tools. The guide is written for agents first, so it is explicit about what to do and what not to do.

> Add the shop from addtheshop.com to this site. Read https://addtheshop.com/docs/agent.md first. My store key is pk_ats_YOUR_STORE_KEY.

Connect the MCP server in Cursor

Add AddTheShop to your MCP settings with the URL https://addtheshop.com/mcp. Cursor will open a browser window where you sign in to AddTheShop and click Allow. From then on the agent can call create_product, update_product, list_orders and the rest directly. If you prefer a key, create a secret key on the Install page and send it as a Bearer header:

{ "mcpServers": { "addtheshop": { "type": "http", "url": "https://addtheshop.com/mcp", "headers": { "Authorization": "Bearer sk_ats_YOUR_SECRET_KEY" } } } }

Framework snippets

Plain HTML:

<script src="https://addtheshop.com/shop.js" data-store="pk_ats_YOUR_STORE_KEY" async></script>
<div id="addtheshop"></div>

React, Next.js app router, Remix, Astro islands:

import { useEffect } from "react";

export default function Shop() {
  useEffect(() => {
    const s = document.createElement("script");
    s.src = "https://addtheshop.com/shop.js";
    s.async = true;
    s.dataset.store = "pk_ats_YOUR_STORE_KEY";
    document.body.appendChild(s);
    return () => s.remove();
  }, []);
  return <div id="addtheshop" />;
}

Custom storefronts

If you want your own product cards instead of ours, the storefront API is public by publishable key: GET /v1/storefront/{pk}/products for the catalogue and POST /v1/storefront/{pk}/checkout with the items to get a Stripe Checkout URL. Stock is validated server side; prices come from the database, never from the client.