1
请按以下步骤顺序操作。若主题区块无法加载，请刷新主题编辑器并确认已在同一店铺安装 CHAOBROStudio。
视频教程
观看 CHAOBROStudio Field 与 Design 区块的分步演示。
CHAOBROStudio Field 教程
CHAOBROStudio Design 教程
- 1
安装 CHAOBROStudio
从 Shopify App Store 或开发商店安装应用，然后在 Shopify Admin 打开 应用 → CHAOBROStudio。
确认应用可在 https://app.chaobrostudio.com 正常加载，且店铺使用 Online Store 2.0 主题（如 Dawn）。
提示: 建议使用开发商店，或复制线上主题后再测试区块。
- 2
添加 CHAOBROStudio Field 区块
为产品页添加定制选项：
- 在线商店 → 主题 → 自定义
- 打开默认产品模板
- 选择 产品信息 → 添加区块 → 应用 → CHAOBROStudio Field
- 配置字段类型（文本、列表或文件上传）、 标签与 property key
- 最多可添加五个 Field 区块
- 保存主题
提示: 请在「产品信息」下添加区块，而非独立 section。
- 3
添加 CHAOBROStudio Design（可选）
启用带实时预览的可视化编辑：
- 在同一产品 section 中：添加区块 → 应用 → CHAOBROStudio Design
- 上传 产品 mockup 图片（建议 PNG/JPEG，宽度 ≥1200px）
- 调整 打印区域 滑块，使虚线框与可印刷区域一致
- 启用 加购前须确认设计方案，避免未确认设计即结账
提示: 建议使用宽度至少 1200px 的 mockup 图以获得更清晰的实时预览。
- 4
测试店铺前台流程
在产 品页验证买家体验：
- 输入自定义文字或上传设计文件
- 在 Design Studio 中编辑文字、图片或图案，观察实时预览更新
- 加购前点击 确认设计方案
- 完成测试结账
- 5
在后台查看订单
下单后：
- 打开 应用 → CHAOBROStudio → POD 订单
- 查看定制 line item properties、设计预览与上传链接
- 打开订单查看完整定制详情
- 6
连接 Printful（可选）
自动化 POD 履约：
- 在应用后台打开 CHAOBROStudio → Printful
- 输入 Printful API 凭证
- 映射 Shopify 变体 ID 与 Printful 目录变体
- 在订单详情页提交或自动提交符合条件的订单
- 7
选择套餐
CHAOBROStudio 提供 Lite（免费）、Startup、Growth 和 Advanced 套餐，对个性化设置数、每月订单量与存储空间有限制。
在应用 Pricing 页面或 Shopify Admin 计费流程中选择套餐。付费套餐在适用时含 7 天免费试用。