Vercel 与 Shopify 让 AI 代理成为一等购物者
内容提要
Vercel 发布开源 Next.js 商店模板 Vercel Shop，基于 Shopify Hydrogen SDK，帮助商家搭建面向人、搜索引擎和 AI 代理的店面。商品页提供机器可读信息，支持 Shopify 通用商务协议，代理可搜索商品、创建购物车并结账。模板内置购物助手，与店面共享购物车。PAIGE 等品牌借此实现营收和转化大幅增长。
延伸解读
代理购物的技术基础
Vercel Shop 通过机器可读的产品页和 Shopify 的通用商务协议（UCP），让 AI 代理能直接读取价格、库存等信息，并完成搜索、加购和结账。这减少了代理对页面布局的依赖，使购物流程更高效。商家可借此让代理在自有域名上发现并操作商品，无需跳转。
统一购物车与助手集成
模板内置的购物助手与店面共享同一购物车，用户可在浏览商品和询问助手之间无缝切换，已添加商品不会丢失。这种设计让商家能自定义助手行为，同时保持购物体验连贯。对于希望提升转化率的品牌，这提供了一种兼顾人工与代理购物的方案。
实际效果与品牌案例
PAIGE 在重构电商平台后，黑色星期五和网络星期一期间营收增长 22%，转化率提升 76%，且无停机。AG1、Bombas 等品牌也使用 Shopify、Next.js 和 Vercel 构建店面。这些案例表明，面向代理优化的店面可能带来可衡量的商业收益。
快速启动与定制
开发者可通过一行命令创建 Vercel Shop 项目，并连接 Shopify 商店进行配置。模板包含指导编码代理完成设置、定制和更新的技能，降低了搭建代理就绪店面的门槛。商家可基于此快速推出同时服务人、搜索引擎和 AI 代理的商店。
Q&A
Vercel Shop 是什么？
Vercel Shop 是 Vercel 推出的开源 Next.js 商店模板，基于 Shopify 的 Hydrogen SDK，帮助商家搭建面向人、搜索引擎和 AI 代理的店面。
Vercel Shop 如何让 AI 代理购物？
Vercel Shop 将商品页面以机器可读格式提供，包含价格、库存和选项，并嵌入结构化数据。代理可通过 Shopify 的通用商务协议（UCP）搜索商品、读取详情、检查库存、创建购物车并获取结账链接。
Vercel Shop 内置的购物助手有什么作用？
购物助手由 eve 驱动，与店面共享同一购物车。顾客可以浏览商品页面或让助手查找商品并加入购物车，在两种体验间切换时购物车内容保持不变。
使用 Vercel Shop 需要什么技术基础？
Vercel Shop 基于 Next.js 和 Shopify 的 Hydrogen SDK，需要连接 Shopify 商店。模板包含指导编码代理进行设置、自定义和更新的技能。
有哪些品牌使用了 Vercel Shop 或类似方案？
Vercel 自己的 merch 商店 vercel.store 使用了 Vercel Shop。此外，AG1、Bombas 和 PAIGE 等品牌也使用 Shopify、Next.js 和 Vercel 驱动的店面。PAIGE 在重新架构电商平台后，黑五网一期间营收增长 22%，转化率增长 76%，且无停机。
如何开始使用 Vercel Shop？
可以通过运行命令 `pnpm create next-app@latest my-store --example https://github.com/vercel/shop` 创建店面，然后查阅文档连接 Shopify 商店并配置店面。
