Vercel Shop 正式上线

Shopify 的 Hydrogen 2026-10 更新日志 也建议使用 Next.js 的团队从这个模板开始搭建。

简单来说，Vercel Shop 只接管买家看到的看货与购物界面，销售管理依然留在 Shopify。Vercel 表示，Hydrogen 充当桥梁，让 Next.js 前端可以直接从 Shopify 店铺拉取商品目录、购物车、订单、支付和 checkout 流程。

因此，商家依然像往常一样在 Shopify 后台管理商品和订单。不同之处在于，首页、商品页或购物车由开发团队通过代码构建与修改，不再在主题编辑器中调整。

对于客户正在运行 Next.js 的服务商来说，Vercel Shop 提供了一个快速建站的起点，并且方便 AI agent（代替买家查找、对比并加购商品的 AI 软件）进行读取和操作。不过，在将此模板引入项目之前，服务商仍需向客户明确三件事。

AI agent 工具独立运行，无需在页面上开启助手

Vercel 表示，该模板包含两个专为外部 AI agent（例如买家正在使用的 AI 助手）设计的模块：

• 机器可读的商品页： 同һ个 URL，人类用户看到正常页面，agent 则直接获取价格、库存状态和商品规格，无需解析页面布局。
• 基于店铺域名的购物工具： 模板把遵循 Universal Commerce Protocol (UCP) 的工具部署在店铺域名下。UCP 是 Shopify 参与共同开发的协议。Agent 通过这些工具就能搜索商品并生成购物车，不必打开网页。

这种做法与 WebMCP 不同。根据 Shopify 的说明，自2026年8月5日起，WebMCP 工具包已预装在所有使用 Liquid 主题的店铺中。WebMCP 允许 agent 直接在买家打开的标签页内查找商品、管理购物车并跳转到结算页面。目前 WebMCP 仅通过源试用（origin trial）计划支持基于 Chromium 的浏览器。而 Vercel Shop 则让 agent 直接在域名上调用工具，不依赖当前打开的页面。

此外，模板还内置了一个供访客直接在站点上使用的导购助手。Vercel 将该助手与上述两个模块进行了分离。因此，商家完全可以在不开启导购助手的情况下，单独使用机器可读页面和 UCP 工具。

开启导购助手前，需核算 AI 成本与数据安全

根据 Vercel Shop 文档，导购助手默认处于关闭状态，通过 Vercel 的 AI Gateway 服务运行。发送每条消息都可能产生 AI 模型调用费用，且对话没有花费上限。因此，技术团队必须手动在 AI Gateway 上设置频率限制（rate limit）和预算上限。

开启后，导购助手可以执行以下操作：

• 查找商品并选择款式；
• 回答有关店铺政策的问题；
• 在购物车中添加或删除商品；
• 应用买家提供的折扣码。

导购助手与前端页面共享购物车，但不负责下单或处理支付。买家仍需自行点击结算按钮。

在数据安全方面，也需要提前告知客户：

• 任何人只要获取了对话 ID，就能读取或操控该对话。买家即使登录了账户，也不会让聊天记录自动变为私密。
• 聊天内容会存储在服务器上，并发送给 AI 模型提供商。对话记录将在30天后过期。

官方文档建议，只有在将每个对话与已验证身份的登录账户绑定（authenticated conversation ownership）之后，才将聊天助手用于处理账户数据或售后支持。如果客户希望导购助手回答订单查询类问题，服务商需要把这部分开发工作纳入项目评估范围。

Agent 只能转述商品页上写明的内容

机器可读页面能帮 agent 准确获取价格和规格，但说服买家下单的理由依然取决于页面文案。

Shopify 在关于2026年大促季的文章中指出，agent “只能重复品牌已经给出的卖点”。在做产品对比时，价格是 agent 一眼就能看到的。但产品适合谁、为什么值这个价，必须写在 agent 能读取到的地方。

因此，无论客户选择 Vercel Shop 还是保留现有主题，在旺季到来前，最应该做的事就是重新梳理热销商品的描述。对于选择 Vercel Shop 的客户，下一步是决定是否开启 AI 助手，并在项目一开始就设定好成本控制与数据规则。