Checkout Page MCP

官方

让AI客户端为您的网站添加支付功能。创建结账页面、活动和表单，并在几分钟内将其嵌入您的网站。

你可以用 Checkout Page MCP 做什么？

构建结账页面 — 通过 create_checkout_page 和 update_checkout_page 创建、编辑和列出结账页面，并设置价格、描述和优惠券字段。
设置活动和门票 — 创建包含门票组、门票类型和价格的活动，并根据销售情况更新或归档活动。
构建表单和问题 — 通过 create_form 和 create_field 创建注册表单，并添加、编辑或移除问题。
添加订单加购项和优惠券 — 提供停车通行证等附加商品、调整其顺序，并创建 20% 折扣等优惠码。
设置页面样式并嵌入 — 为页面应用品牌主题，并通过 add_to_website 获取可直接粘贴的嵌入代码、弹窗代码或链接。
查询销售和客户信息 — 查找付款、订阅、预订、表单提交记录和客户档案，以解答账单问题。

文档

使用官方 Checkout Page MCP 服务器，通过 AI 工具构建结账页面、活动和表单

Checkout Page MCP 服务器可让 Claude、ChatGPT 和 Cursor 等 AI 工具在你的 Checkout Page 账户中构建结账页面、活动和表单。用通俗的语言描述你要销售的内容。AI 会创建页面、按你的要求进行编辑，并将其添加到你的网站。

它基于 Model Context Protocol 构建。这是一项开放标准，用于将 AI 助手连接到它们所需的工具和数据。

正在用 AI 构建网站？请参阅Checkout Page 如何为 AI 构建的网站添加支付功能。

服务器 URL：

https://mcp.checkoutpage.com

Checkout Page MCP 能做什么？

连接后，你可以让 AI 工具执行以下操作：

“创建一个名为‘春季研讨会’、价格为 $99 的结账页面。”
“为我们五月的晚宴活动设置活动页面，提供价格为 $40 的早鸟票和价格为 $60 的标准票，限额 200 个席位。”
“为五月的网络研讨会创建报名表。收集姓名、电子邮件，以及他们想参加的场次。”
“在晚宴活动中添加一个‘饮食需求’问题。”
“在晚宴活动中提供 $15 的停车通行证作为附加项。”
“创建一个名为 SPRING20、于 5 月 31 日到期的 8 折优惠券。”
“让春季研讨会页面符合我们的品牌风格：深绿色按钮和衬线字体标题。”
“将春季研讨会结账功能添加到我们正在构建的网站的定价部分，作为弹出式按钮。”
“显示五月网络研讨会最近的 10 条报名记录。”

你的 AI 会使用以下工具来构建和修改结账页面、活动和表单。

可用工具

你可以执行的操作	工具
构建结账页面	`create_checkout_page`, `update_checkout_page`, `get_checkout_page`, `list_checkout_pages`
构建活动和门票	`create_event`, `update_event`, `get_event`, `list_events`, `create_ticket_group`, `update_ticket_group`, `archive_ticket_group`, `create_ticket_type`, `update_ticket_type`, `archive_ticket_type`
构建表单	`create_form`, `update_form`, `get_form`, `list_forms`
向页面添加问题	`create_field`, `update_field`, `delete_field`
设置产品	`create_product`, `update_product`, `delete_product`, `get_product`, `list_products`
提供订单加购项和附加项	`create_order_bump`, `update_order_bump`, `delete_order_bump`, `reorder_order_bumps`, `list_order_bumps`
创建优惠券	`create_coupon`, `update_coupon`, `list_coupons`
收取税费	`create_tax_rate`, `list_tax_rates`
使用主题设置页面样式	`create_theme`, `update_theme`, `delete_theme`, `get_theme`, `list_themes`, `list_theme_properties`
上传图片和文件	`upload_file`
将页面放到你的网站上	`add_to_website`：可直接粘贴的嵌入代码、弹出式按钮或链接
查询支付和订阅	`list_payments`, `get_payment`, `list_subscriptions`, `get_subscription`, `list_subscription_payments`, `get_subscription_payment`, `prepare_subscription_cancellation`
查询预订和参加者	`list_bookings`, `get_booking`, `create_booking`, `list_tickets`, `update_ticket`
查询表单提交记录	`list_submissions`, `get_submission`
查询客户和发票	`list_customers`, `get_customer`, `update_customer`, `list_invoices`, `get_invoice`, `regenerate_invoice`
向你自己的服务器发送事件	`create_webhook`, `update_webhook`, `delete_webhook`, `get_webhook`, `list_webhooks`

prepare_subscription_cancellation 不会取消任何内容。它会检查订阅，并提供控制面板链接，让你自行取消订阅。create_booking 会签发真实门票并发送确认邮件，但不会收取银行卡付款。

开始之前

你需要一个 Checkout Page 账户。MCP 服务器使用 OAuth，因此无需复制或粘贴 API 密钥。首次连接时，AI 工具会引导你一键登录。

连接你的 AI 工具

每种 AI 工具都有自己的连接器设置页面。请在下方选择你使用的工具。整个过程大约需要一分钟。连接后，尝试每个部分末尾的测试提示词，确认连接正常。

ChatGPT

Checkout Page 已收录在 ChatGPT 插件目录中：

在 ChatGPT 中打开 Checkout Page 插件。
点击 Connect，然后登录 Checkout Page。

或者在开发者模式下将其添加为自定义连接器：

打开 ChatGPT.com，然后前往 Settings → Security and login。启用 Developer mode。
关闭设置，然后前往 chatgpt.com/plugins。
点击右上角的 +。
输入：
- Name：Checkout Page
  - MCP server URL：https://mcp.checkoutpage.com
  - Authentication：OAuth
打开 I understand and want to continue 开关。
点击 Create，然后按照 Checkout Page OAuth 流程完成连接。
开始一个新聊天。
点击 + 并搜索 Checkout Page。

**测试：**询问 “列出我在 Checkout Page 中的结账页面、活动和表单。”

Claude

打开 Claude，然后前往 Settings → Connectors。
点击 Add custom connector。
输入：
- Name：Checkout Page
  - MCP server URL：https://mcp.checkoutpage.com
点击 Add，然后在 Checkout Page 连接器上点击 Connect 并登录。

**测试：**询问 “列出我在 Checkout Page 中的结账页面、活动和表单。”

Cursor

最快的方法是一键安装：

或者手动添加：

打开 Cursor，然后前往 Settings → MCP。
点击 Add new MCP server。
输入：
- Name：checkoutpage
  - URL：https://mcp.checkoutpage.com
点击 Save，然后通过 OAuth 提示登录。

**测试：**在 Cursor 聊天中询问 “列出我在 Checkout Page 中的结账页面、活动和表单。”

VS Code

GitHub Copilot Chat 和官方 MCP 扩展都支持我们的服务器。

打开 VS Code，然后从命令面板运行 MCP: Add Server 命令（Cmd/Ctrl + Shift + P）。
选择 HTTP。
输入 URL：https://mcp.checkoutpage.com
将其命名为：checkoutpage
通过浏览器中打开的 OAuth 提示登录。

**测试：**在 Copilot Chat 中询问 “列出我在 Checkout Page 中的结账页面、活动和表单。”

Codex

在 Codex CLI 中，运行一条命令即可添加服务器并开始登录：

codex mcp add checkoutpage --url https://mcp.checkoutpage.com

或者在 Codex 应用中添加：

打开 Codex，然后前往 Settings → MCP servers。
点击 + Add server。
选择 Streamable HTTP 作为传输方式。
输入：
- Name：Checkout Page
  - URL：https://mcp.checkoutpage.com
点击 Save，然后通过 OAuth 提示登录。

**测试：**询问 “列出我在 Checkout Page 中的结账页面、活动和表单。”

Claude Code

分两步完成：添加服务器，然后在 Claude Code 中登录。

claude mcp add --transport http checkoutpage https://mcp.checkoutpage.com

然后启动会话：

claude

在会话中：

输入 /mcp。
使用方向键选中 checkoutpage，然后按回车键。
选择 authenticate，并按照 OAuth 提示操作。

**测试：**询问 “列出我在 Checkout Page 中的结账页面、活动和表单。”

Lovable

在 Lovable 中打开 Connectors，然后选择 + 按钮。
选择 MCP server。
输入：
- Server name：Checkout Page
  - Server URL：https://mcp.checkoutpage.com
保持选择 OAuth，点击 Add & authorize，然后登录 Checkout Page。

**测试：**询问 “列出我在 Checkout Page 中的结账页面、活动和表单。”

Cline

在 Cline 面板中，点击顶部工具栏里的 MCP Servers 图标。
打开 Remote Servers 标签页。
输入：
- Server Name：checkoutpage
  - Server URL：https://mcp.checkoutpage.com
  - Transport Type：Streamable HTTP
点击 Add Server。Cline 会打开 Configure 标签页。
在 checkoutpage 服务器上点击 Authenticate，然后在浏览器中登录 Checkout Page。

**测试：**在 Cline 中询问 “列出我在 Checkout Page 中的结账页面、活动和表单。”

其他 AI 工具

任何支持 MCP 的客户端都可以使用 OAuth 连接到 https://mcp.checkoutpage.com。如果你的工具要求选择传输方式，请选择 Streamable HTTP。大多数客户端都接受以下配置：

{
  "mcpServers": {
    "checkoutpage": {
      "url": "https://mcp.checkoutpage.com"
    }
  }
}

示例提示词

发布新产品

你正在筹备一场新的研讨会，希望在几分钟内上线结账页面和早鸟折扣。

将以下内容粘贴到你的 AI 工具中：

Create a checkout page called "Pricing Strategy Workshop" priced at $199. Write a confident product description (3–4 sentences) that pitches a half-day workshop for founders and product leaders who want to raise prices without losing customers. Turn on the coupon code field so customers can apply discounts. Then create a coupon code EARLYBIRD that takes 20% off and expires May 15. Send me both the checkout URL and the coupon code when you're done.

助手会调用 create_checkout_page（附带文字说明并启用优惠券字段），然后调用 create_coupon，并返回已上线的结账 URL 和折扣码。

你可以用同样的方式创建任何新优惠：课程发布、测试版报名页面或限时促销。

设置带门票的活动

你正在筹办一场晚宴，希望今天就开放门票销售，提供早鸟价，并向每位宾客提问。

将以下内容粘贴到你的 AI 工具中：

Create an event called "Spring Gala" on May 16 at 7:00 PM at the Riverside Hall. Add two ticket types: "Early bird" at $40 and "Standard" at $60, with 200 tickets in total. Ask each guest for their dietary needs. Write a short, warm description of the evening, then send me the event link.

助手会调用 create_event，并设置门票组、两种门票类型和饮食需求问题，然后返回已上线的活动链接。之后，你可以让它添加门票类型、修改价格或提前结束早鸟票销售，它会调用 update_event 或 update_ticket_type。

将结账功能添加到你正在构建的网站

你正在使用 Lovable、Bolt、v0、Cursor 或 Claude Code 等 AI 工具构建网站，并希望访客可以直接在页面上购买。

将以下内容粘贴到你的 AI 工具中：

Create a checkout page called "Pricing Strategy Workshop" priced at $199, then add it to the pricing section of this website as an inline embed.

助手会调用 create_checkout_page，然后调用 add_to_website，并将嵌入代码放入你的网站。如果网站使用 React 构建，它会使用 React 组件；否则会使用纯 HTML。如果你希望客户点击前一直留在页面上，也可以改为请求弹出式按钮。

测试结账流程

上线前，你想在自己的结账页面上完成购买，查看客户会收到的内容，同时无需付款。

将以下内容粘贴到你的 AI 工具中：

Test my "Pricing Strategy Workshop" checkout page in Checkout Page test mode. Put the page in test mode, open it in the browser and buy it with the test card 4242 4242 4242 4242 and a new email address. Then find the test payment it created and check that it's marked livemode false. Switch test mode back off when you're done, and tell me what you bought and what you found.

助手会调用 list_checkout_pages 查找页面，再调用带有 testmode: true 的 update_checkout_page，在浏览器中完成付款，随后调用带有 livemode: false 的 list_payments 查找测试付款记录，最后再次调用 update_checkout_page 关闭测试模式。

你也可以用同样的方式测试活动或表单，或者在依赖 Webhook 或集成之前，检查它们是否正常触发。

回答客户的账单问题

客户发邮件询问下一笔付款何时扣款，而你希望在几秒钟内起草一封可以直接发送的回复。

将客户的问题粘贴到你的 AI 工具中：

A customer named Jane Smith (jane@example.com) just emailed asking: "When is my next payment, and how much will I be charged?" Look up her account in Checkout Page, find her active subscription, and draft a friendly reply I can send back. Include the next billing date and the amount.

助手会调用 list_customers，通过电子邮件查找 Jane，然后调用 list_subscriptions 获取她当前有效的套餐，并起草一封可直接发送的回复，其中包含下一次账单日期和金额。

你也可以用同样的方式处理退款请求、重新发送收据，或任何需要账户信息的一次性支持问题。

提升效果的小技巧

让 AI 帮你撰写文案，例如产品标题、描述和确认消息。否则页面可能会是空白或内容过于笼统。
明确说明 AI 无法自行推断的设置（例如 “启用优惠券代码字段”）。
尽量针对具体记录和创建任务提出请求。AI 助手在计算总数和排名（“按收入排列的前 5 个页面”）方面不太可靠，因为这需要读取每笔付款。要查看这类数据，请使用控制面板的分析视图。
MCP 目前尚不支持某些设置。如果请求没有生效，请在控制面板中打开页面并完成修改。

测试模式

你的助手可以在结账页面、活动或表单上进行测试购买，无需付款，然后检查创建的内容。请参阅测试模式了解其工作方式。

开启和关闭测试模式。 create_checkout_page、create_event 和 create_form，以及对应的 update_* 工具，需要 testmode: true 或 testmode: false。list_checkout_pages、list_events 和 list_forms 需要 testmode: true，用于查找仍处于测试模式的页面。
读取测试记录。 用于列出和获取付款、预订、订阅、订阅付款、发票和提交记录的工具，以及 list_tickets，都需要 livemode: false。如果不提供该参数，它们只会返回正式记录。

AI 工具连接后，服务器还会向助手提供一段关于测试模式的简短说明，因此你可以直接用日常语言提出请求。

测试提示

两个提示可编排完整的测试流程。它们会显示为支持 MCP 提示的 AI 工具中的斜杠命令或提示。例如，在 Claude Code 中，输入 /mcp__checkoutpage__ 并选择其中一个。

提示	功能	参数
`test_checkout`	将结账页面、活动或表单切换到测试模式，在浏览器中进行测试购买，检查记录，然后将测试模式恢复到原来的状态。	`pageId`，以及可选的 `pageType`：`checkout`（默认）、`event` 或 `form`
`test_upsell_funnel`	将现有单击加购漏斗的两个页面都切换到测试模式，分别运行一次接受和拒绝优惠的流程，检查记录，然后将测试模式恢复到原来的状态。它不会创建页面。	`initialPageId`，以及可选的 `upsellPageId`

例如，要在 Claude Code 中测试一场活动，请输入提示名称、活动的 id 和页面类型：

/mcp__checkoutpage__test_checkout {eventId} event

有关漏斗，请参阅测试加购漏斗。

要完成付款，你的助手需要浏览器工具，例如 Claude in Chrome、Playwright MCP server 或 ChatGPT agent mode。如果没有此类工具，它会提供付款链接供你自行付款，然后继续检查记录。

故障排除

安全与隐私

MCP server 仅会在你通过 OAuth 登录后代表你执行操作。
令牌的权限范围仅限于你的账户。你可以随时在 Checkout Page 设置中撤销访问权限。
读取工具（list_*、get_*）不会更改数据。写入工具（create_*、update_*、upload_*、archive_*、reorder_*）和破坏性工具（delete_*）的名称都很明确，因此你的助手可以在进行更改前征求确认。删除操作无法撤销，因此在助手运行 delete_* 工具前请先确认。
助手查询的数据（客户详情、付款信息）会发送到你的 AI 工具以生成回复，方式与其他连接器相同。请选择数据处理政策符合你需求的 AI 工具。