Shopify 主题扩展
启用全局应用嵌入，并为您的 Shopify 店铺前台配置小组件的显示。
Shopify 主题扩展
Shopify 后台 → 在线商店 → 模板 → 自定义 → 应用嵌入
Umbrella 主题应用嵌入提供核心脚本，为您店铺前台上的所有保修小组件提供支持。启用后，其余工作都由 Umbrella 完成 — 无需手动放置小组件。
启用全局应用嵌入
- 前往 Shopify 后台 → 在线商店 → 模板，在当前使用的模板上点击 自定义
- 点击左侧边栏中的 应用嵌入 图标（拼图形状）
- 找到 Umbrella 并将其 打开
- 点击 保存
注意 如果您更换了模板，需要在新模板上重新启用该嵌入。
Shopify 模板编辑器 — 应用嵌入面板
应用嵌入
Umbrella
保修与保障小组件
模板预览区
启用后小组件在此处显示
启用后小组件在此处显示
PDP 小组件配置
商品详情页（PDP）上的保修选择小组件完全在 Umbrella 仪表板 中控制 — 而不是在 Shopify 模板编辑器中。
仪表板 → 设置 → 外观 → PDP 小组件
启用全局应用嵌入并在 Umbrella 仪表板中打开 PDP 小组件后，保修选项会自动显示在商品页上。小组件会在“加入购物车”按钮之前显示保修选项，无需修改您的模板代码。
设置 → 外观 → PDP 小组件
启用 PDP 小组件
显示模式
内嵌 ▾
内嵌、弹窗或独立 — 控制保修选项的显示方式
自动选择默认档位
关闭 ▾
小组件模板
默认 ▾
使用您自己的 HTML 模板进行自定义
小组件显示的内容
PDP 小组件显示：
- 顶部的 保修计划名称和徽标
- 带有“了解更多”链接的 保障说明
- 以可选项形式列出的 可选保修档位（例如基础版 1 年、高级版 2 年）
- 顾客切换商品款式时随之更新的 动态价格
小组件会自动识别当前商品和款式。它不会出现在保修商品本身的页面上。
店铺前台 — PDP 小组件（内嵌模式）
📱
Smart Watch X
$299.99 · 银色 / 44mm
🛡 为您的 Smart Watch X 提供保障
了解更多
1 年保障 — $29.99
2 年保障 — $49.99
不需要保障
数量：1
加入购物车 — $329.98
工作原理
全局应用嵌入会在每个页面注入 Umbrella JavaScript。当顾客访问商品页时，脚本会检查是否有匹配的保修计划并显示小组件。只有主题嵌入和 PDP 小组件设置同时开启，小组件才会显示。
小组件的显示设置（内嵌、弹窗或独立模式、自动选择、自定义模板）在 Umbrella 仪表板的 设置 → 外观 → PDP 小组件 中控制。
故障排除
| 问题 | 解决方法 |
|---|---|
| 商品页上不显示小组件 | 确认已在模板编辑器中启用全局应用嵌入，并且 已在“设置 → 外观 → PDP 小组件”中打开 PDP 小组件 |
| 小组件出现在保修商品页上 | 确保保修商品的类型设置为“warranty” |
| 切换款式时价格不更新 | 刷新页面；检查全局应用嵌入是否处于启用状态 |
| 小组件显示但没有任何选项 | 确认保修计划处于启用状态，且商品适用范围包含该商品 |
| 样式与模板冲突 | 在“设置 → 外观”中使用自定义小组件模板，使其与您的模板设计相匹配 |
相关内容
- Shopify 集成 — Shopify 连接的整体设置
- 创建保修计划 — 设置在小组件中显示的计划
- Shopify 结账扩展 — 结账时的保修选项
