Shopify 结账扩展
在 Shopify 结账中配置保修和运输保障扩展。
Shopify 结账扩展
Shopify 后台 → 设置 → 结账 → 自定义
Umbrella 提供三个结账 UI 扩展，可直接在 Shopify 结账中添加保修追加销售和运输保障。这三个扩展都通过 Shopify 结账编辑器进行配置。
注意 所有支持结账自定义的 Shopify 套餐均可使用结账 UI 扩展。
结账商品行
在结账购物车中每个符合条件的产品旁显示保修选项。顾客展开保修选项后，即可为该商品行添加保障。
- 显示位置： 结账中每个购物车商品行之后
- 显示模式： 紧凑（仅按钮）或展开（图片、标题、价格、描述）
- 主要设置： 按钮文本、预选选项索引、价格显示格式、边框/内边距样式
- 配置位置： Shopify 结账编辑器 → 选择“Checkout Line Items”扩展
运输保障复选框
在结账操作按钮附近添加一个复选框，让顾客可以为订单选择运输保障。
- 显示位置： 结账操作按钮之前
- 显示方式： 带可配置标签的复选框（支持
{{title}}和{{price}}模板变量） - 主要设置： 显示/隐藏价格、描述文本、信息弹窗、复选框标签大小
- 配置位置： Shopify 结账编辑器 → 选择“Shipping Protection Checkbox”扩展
运输保障区块
复选框的替代方案，以完整的卡片元素呈现，包含缩略图、标题、描述和添加/移除按钮。
- 显示位置： 结账中的任意位置（在编辑器中拖动定位）
- 显示方式： 卡片布局，可选缩略图、下拉详情和信息弹窗
- 主要设置： 自定义标题/描述文本、缩略图 URL、显示/隐藏元素、弹窗内容
- 配置位置： Shopify 结账编辑器 → 选择“Shipping Protection Block”扩展
复选框与区块对比
| 复选框 | 区块 | |
|---|---|---|
| 位置 | 结账操作按钮之前 | 结账中任意位置 |
| 样式 | 带标签的简单复选框 | 带缩略图和描述的完整卡片 |
| 适用场景 | 简洁、不打扰的展示 | 直观、功能丰富的展示 |
| 支持缩略图 | 否 | 是 |
| 下拉详情 | 否 | 是 |
您可以选择其中一种，也可以同时使用两种。
相关内容
- Shopify 集成 — Shopify 连接的整体设置
- Shopify 订单扩展 — 结账后的保修显示
- Shopify 购买后追加销售 — 购买后追加销售流程
- 小组件配置 — 店铺前台小组件设置
