Smart Widget 实时演示 — Boksero

不会产生任何扣款：该功能尚未启用。商品为示例数据，图示为效果展示。

Box-sklep — 整个展位的搜索

不再是固定布局——而是该展位所有已批准商品的可搜索目录，直接嵌入组件：文本、类型、分类、价格、库存、成色。买家无需离开发布者网站即可筛选。同一目录也可作为独立页面存在——适合用作主页链接或 Smart Link。

Box-sklep

搜索框、类型标签、分类/价格/库存筛选、分页——一种格式，21 种语言。

BOX_SHOP

显示嵌入代码

<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-box-sklep" api-url="https://boksero.com/api/v1"></boksero-box>

网格与迷你网格

经典的多商品展示——从全尺寸卡片到适合窄栏的紧凑版本。

网格

同时展示多个商品，图片、价格和「购买」按钮。列数会根据页面宽度自适应。

GRID · 舒适型

显示嵌入代码

<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-siatka" api-url="https://boksero.com/api/v1"></boksero-box>

迷你网格

更紧凑的版本，适合侧边栏和窄博客区域。

GRID · mini

显示嵌入代码

<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-mini-siatka" api-url="https://boksero.com/api/v1"></boksero-box>

垂直列表

商品依次排列——适合放在文章下方或页脚。

LIST · vertical

显示嵌入代码

<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-lista" api-url="https://boksero.com/api/v1"></boksero-box>

滑动与轮播

手机上用手指滑动，电脑上用滚轮或箭头。轮播会自动切换商品。

滑动列表

横向商品条——类似「Stories」。只占一行，可容纳任意数量的商品。

LIST · horizontal

显示嵌入代码

<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-przesuwana" api-url="https://boksero.com/api/v1"></boksero-box>

轮播（自动切换）

居中展示一件商品，自动切换幻灯片，也可手动滑动。

CAROUSEL · slide

显示嵌入代码

<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="cmu5slkid001hwsmin1855nn8" api-url="https://boksero.com/api/v1"></boksero-box>

淡入淡出轮播

大卡片配合商品间平滑过渡效果。

CAROUSEL · fade

显示嵌入代码

<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-karuzela-fade" api-url="https://boksero.com/api/v1"></boksero-box>

展示轮换

组件会自动挑选并更换展示的商品——每位访客可能看到不同的组合。

ROTATIONAL · grid

显示嵌入代码

<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-rotacja" api-url="https://boksero.com/api/v1"></boksero-box>

单卡片与迷你版本

在页面角落或文章中间展示一件商品——不占用太多空间。

单卡片

在内容中突出展示一件大商品。

SINGLE · large

显示嵌入代码

<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-karta" api-url="https://boksero.com/api/v1"></boksero-box>

迷你卡片

最小版本——适合内容中或侧边栏的推荐位。

SINGLE · mini

显示嵌入代码

<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-mini-karta" api-url="https://boksero.com/api/v1"></boksero-box>

主题与图层

颜色、字体和圆角会自动适配发布者网站风格（也可通过 AI 样式引擎自动完成）。一个展位可以同时展示商品、服务和信息。

深色主题

深色背景、绿色强调色，功能完全相同。

自定义配色

显示嵌入代码

<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-ciemny" api-url="https://boksero.com/api/v1"></boksero-box>

商品、服务与信息

标签切换：在同一展位中销售商品、预约服务并发布信息（例如二手自行车）。

3 个图层

显示嵌入代码

<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="demo-warstwy" api-url="https://boksero.com/api/v1"></boksero-box>

手机上的同一个展位

无论宿主页面如何，组件都具有响应式布局。下方是同样的展位放在手机宽度（340 px）容器中的效果。

网格

滑动列表

轮播

如何嵌入到你的网站

注册发布者账号，在面板中创建组件——选择布局、尺寸和主题。
选择商品（佣金、CPC 或固定费用）——由卖家确认。
粘贴代码到你的页面。支付、佣金分成和打款均由 Boksero 处理。

<script src="https://boksero.com/widget/boksero-box.min.js" defer></script>
<boksero-box embed-key="你的-EMBED-KEY" api-url="https://boksero.com/api/v1"></boksero-box>

查看商品搜索