服务端引擎

平台

服务端 CMS、标准 HTML 页面、TagCode 插件、面向您自己页面的 JSON API,以及通过 WebDAV 访问的网站文件。

HTML 模板 CMS 引擎 插件系统 集合 多触点
01 — CMS 引擎

服务端渲染。

Shoppi Cloud 引擎接收 HTTP 请求,通过路由系统找到正确的模板,读取页眉配置块,加载插件,替换本地化变量,并输出最终 HTML,全部在服务器端完成。

它不是单页应用,也不是静态生成的网站。它是一个 CMS,在构建页面时就知道访客的语言和会话。

智能路由URL → 模板,自动完成
原生本地化6 种语言,零配置
标准 HTML普通 HTML 加 TagCode 占位符
组合模板包含项与常量
— 请求流程 —
HTTP 请求 /en/products
Router → page/en_US/products.html
HeaderParser → $_PLUGINS, $_TITLE
LangEngine → %_KEY% = "Value"
PluginLoader → 注入 cart、search
HTML 响应 → 浏览器
02 — TAGCODE 系统

标准 HTML。需要时,插件随时可用。

TagCode 是服务端占位符,可放入任何 HTML 文件中。引擎在渲染页面时会将其替换为:购物车抽屉、商品标题和价格、供搜索引擎使用的结构化数据。

周围的内容始终是普通 HTML 和 CSS,因此任何编辑器、任何开发者以及任何 AI 编程工具,都可以处理您的页面。

一个标签即可使用插件
{cart:act=drawer}
在您自己的 HTML 中使用商品字段
<div class="card">
  <img src="{photo}" alt="{title}">
  <h3>{title}</h3>
  <span>{price}</span>
</div>
{cart:act=drawer}

完整的购物车抽屉,连接 Stripe Checkout。

{search:nout=true}

在您的集合中按文字、分类或距离开始搜索。

{offers:act=seo}

商品报价的 JSON-LD 结构化数据。

{cookieconsent}

一个标签即可添加 Cookie 同意横幅。

03 — JSON API

适用于您自己页面的 JSON API。

您自己 Shoppi 域名上的页面,通过应用所用的同一 API,以 JSON 形式读取您的目录和订单。Shoppi SDK 会在该域名上添加购物车,并将买家引导至 Stripe Checkout。无需 API 密钥:在您自己的 Shoppi 域名上,API 会自行判断该页面属于哪家店铺。

需要说明的是:该 API 并非为第三方网站构建,不提供可交给 ERP 或 CRM 的 API 密钥,Shoppi 也不发送任何对外 Webhook。

读取 商品 读取 分类 读取 搜索 读取 页面 购物车 添加、更新 结账 Stripe
在您自己域名的页面上
// 页面加载 /shoppi/shoppi-sdk.js

const list = await Shoppi.catalog.products({ limit: 12 });
// { items: [{ id, title, price, photo, quantity }],
//   count, hasMore }

Shoppi.cart.add(10034, 1, { title, price, image });
await Shoppi.checkout.start();
// 跳转至 Stripe Checkout
04 — 集合 + AI

结构化数据,附带 AI 写作助手

集合是结构化 JSON 记录,每种类型拥有动态字段,并可附加媒体及用于位置搜索的坐标。AI 写作助手帮您撰写文字,最终由您决定保留哪些内容。

地理感知

条目带有坐标,因此搜索可按距离排序结果,或按城市筛选。

"loc": [9.18, 45.46]

AI 写作助手

优化、缩写或扩写商品和帖子文字,并获得建议的标题或分类。

improve · shorten · expand · title · categorize

动态字段

商品、服务、文件、新闻:每种类型都有自己的字段。字段可以保存文字、媒体、链接、结构化数据和内联 HTML。

"sections": [...], "cta": {...}
05 — 多触点

一个账户。为您的每个销售地点配备一个触点。

触点是指您进行销售的一个地点:网站、店铺收银台、二维码菜单或支付链接。每个触点都拥有各自的网址、目录、订单,以及通过 Stripe Connect 开通的 Stripe 账户。在 Business 版中添加共享目录附加功能后,商品详情和价格每 10 分钟会复制到已关联的触点,库存仍按触点分别保存。

网络商店

从 $29 的 Starter 计划起,可在 brand.shoppi.site 上开设商店;或使用 Business 版搭配您自己的域名。提供 HTML 模板和 TagCode。

Shoppi 市场

付费计划商家的商品会列入 Shoppi 市场,仅对其带来的订单收取 10% 的分成。

二维码菜单与商店

顾客在餐桌或收银台扫描二维码,即可用自己的手机点单。

Shoppi POS 应用

在 Android 上使用 Tap to Pay,或使用蓝牙 Stripe 读卡器。每个收银台都是独立的触点。

支付链接

一个可在聊天、电子邮件或社交资料中分享的 Stripe Checkout 链接。

您的文件

商店页面是您自己 WebDAV 硬盘上的标准 HTML 文件。随时可以复制。

您自己的域名无需 API 密钥

您的商店代码无需 API 密钥:在您自己的 Shoppi 域名上,API 会自行判断该页面属于哪家店铺。

无 API 密钥 与应用相同的 API

这对集成意味着什么

该 API 专为您自己的 Shoppi 页面而构建。不提供可交给第三方网站、ERP 或 CRM 的 API 密钥,也没有对外 Webhook。

您有其他网站?可以从中链接到 Shoppi 支付链接和商品结账页面,并通过一个脚本标签嵌入 Booking Calendar 小组件(附加功能)。

通过 WebDAV 访问您的网站文件,供 Claude Code 或 Codex 使用

Claude Code、Codex 等 AI 编程工具最适合处理普通文件。Shoppi Cloud 通过 WebDAV 为您提供网站文件:标准 HTML 和 CSS,无需构建步骤,也无需框架。数据库凭据不会暴露在硬盘中。如果您不想使用自己的工具,内置的 AI 网站编辑器会提出页面修改建议,由您批准,从 $29 计划起即可使用。

1
获取 WebDAV 访问权限

从 Shoppi Cloud 控制台复制服务器地址和您的凭据。

2
挂载文件夹

使用任意 WebDAV 客户端或 Shoppi Go,然后将 Claude Code 或 Codex 指向该文件夹。

3
编辑并保存

AI 编辑您的 HTML、CSS 和 TagCode。每次保存都会在您的域名上生效。

一个平台,标准网页文件。

标准 HTML、适用于您自己页面的 JSON API、AI 写作助手,以及您可批准的 AI 网站编辑器。按月付费,无需签约。