跳到正文
Vercel Blog(vercel.com)· Kevin Sundstrom·· 11 小時前精選AI 評分75

Vercel 與 Shopify 推出 Vercel Shop,讓代理成為首席購物者

Vercel and Shopify make agents first-class shoppers

AI 導讀

Vercel Shop 是一款開源 Next.js 店面範本,讓機器人能直接讀取商品資訊並與人類共用購物車。

\n- 產品功能:提供機器可讀的商品頁面(價格、庫存、選項)及結帳連結,支援 Hydrogen SDK 與 UCP。

推薦理由

Vercel Shop 讓機器人能直接讀取商品資料,提升代理購物效率,企業可即時整合至現有商店。此舉同時支援 Hydrogen SDK 與 UCP 標準,確保商品資訊可被搜尋引擎與智慧體即時存取。

正文 · AI 翻譯

代理人已經在網路上購物,但他們通常使用原本為人類與搜尋引擎設計的頁面與工具。為代理人打造更佳的購物體驗,意味著將他們視為一等級的購物者,提供可直接閱讀的產品資訊與專為代理人設計的購物工具。

今天,Vercel Shop,我們的開源 Next.js 前端模板,用於 Shopify,已正式上線。團隊可以推出針對人類、搜尋引擎與代理人互動方式最佳化的前端。

Vercel Shop 建立於 Shopify 的 Hydrogen SDK。該 SDK 讓團隊能存取商店的產品目錄、購物車與訂單管理、支付與結帳功能,以構建自訂前端。今年早些時候,Vercel 與 Shopify 公佈計畫重建 Hydrogen,以支援跨 JavaScript 框架。今天,重建後的 SDK 已正式上線。

為代理人提供所需的資訊與工具

Vercel Shop 將產品頁面以 機器可讀內容呈現,包括價格、庫存與選項。相同的產品 URL 可為人類提供視覺頁面,或為代理人提供可直接閱讀的產品資訊,無需解析頁面佈局。此模板亦在頁面與網站地圖中嵌入結構化資料,協助搜尋與問答引擎發現並理解產品。

Shopify 與我們共同開發了 Universal Commerce Protocol(UCP),它為代理人提供標準化的方式搜尋商店目錄、閱讀產品細節、查詢庫存、建立購物車並取得結帳連結。Vercel Shop 讓這些功能可在商戶自有域名上被發現,代理人即可使用 MCP 搜尋產品並建立購物車,而不必瀏覽網站。

為所有顧客自訂體驗

Vercel Shop 將商店的產品目錄、購物車與結帳與 Next.js 前端、產品資訊與代理人購物工具,以及由 eve 驅動的購物助手整合在一起。前端與助手共存於同一程式碼庫,團隊可自訂商店設計與助手協助購物者的方式。

模板中包含的技能 指導編碼代理人完成設定、客製化與模板更新。團隊可打造讓購物者瀏覽產品頁面或請助手尋找產品並加入購物車的體驗。兩者共用同一購物車,購物者在不同體驗間切換時仍保留已加入的商品。

使用 Shopify 與 Vercel 建置的前端

今天,我們於 vercel.store 上推出限量版商品商店。它是建立於 Vercel Shop。商店的購物代理人協助購物者尋找商品、加入購物車並繼續結帳。

Shopify、Next.js 與 Vercel 已為 AG1、Bombas 與 PAIGE 等品牌提供前端。當 PAIGE 重新架構其電子商務平臺時,於黑色星期五與網路星期一期間,收入提升 22%,轉換率提升 76%,且未發生停機。

開始使用 Vercel Shop

建立前端:

開始使用 Vercel Shop。檢視 檔案,以連線您的 Shopify 商店並設定前端。

閱讀更多

來源: Vercel Blog (vercel.com)
開啟原文