实时预览 (Live Preview) 的使用技巧

在传统的建站系统中，运营人员改完一句话或换了一张图片后，往往必须先保存发布，然后切到前台刷新网页才能看到效果。如果排版错了，客户可能已经看到了瑕疵。

Appsuite 内置了创新的 实时预览 (Live Preview) 机制。它就像一面贴心的**“试衣镜”**，让您在后台修改文案或调整参数后，右侧窗口通常在数秒之内（视网络传输与响应情况）就能同步呈现真实的网页渲染效果。

---

1. 实时预览的核心价值

传统模式	Appsuite 实时预览模式
盲改体验：在纯表单里打字，凭想象猜测前台会显示成什么样。	所见即所得：左侧打字，右侧画面即时同步渲染。
发布风险：改错立即暴露给在线访客，容易造成商务事故。	草稿沙箱：预览仅供您自己核对，未发布前全球买家完全不可见。
多设备靠猜：不知道手机上看是否会换行或排版错位。	多端模拟：一键切换桌面端、平板、手机视口进行自适应检查。

---

2. 如何开启并使用实时预览

1. 登录 Payload CMS 管理后台。
2. 在左侧菜单点击 Offerings (产品目录) 或 Pages (页面)，打开任意一个条目（例如点击示例商品“VD型减震器”）。
3. 在页面顶部工具栏中，找到并点击 Preview (预览) 按钮。
4. 系统将为您展开分屏工作区：
   • 左侧：您的编辑表单（产品标题、多规格矩阵、技术说明、图片图集）。
   • 右侧：即时内嵌的高清网页渲染视口。

---

3. 常见实操演练体验

• 修改产品标题：在左侧将标题修改为 VD型圆柱橡胶双头螺栓减震器 (现货直发)，右侧网页大标题瞬间同步变化。
• 增减矩阵规格：在左侧修改某个 SKU 的单价（例如将 $0.16 改为 $0.20），右侧规格矩阵表格中的对应单价行立刻实时刷新。
• 检查多端显示效果：点击预览视口顶部的设备图标，可随时切换到 手机竖屏 或 平板 模式，检查 1688 矩阵表格在手机端是否能横向平滑滚动。

---

4. 预览满意后的发布流程

请牢记 Appsuite 的安全隔离原则：

1. 保存草稿 (Save Draft)：如果您还没写完，随时点击保存草稿，下次回来可以继续编辑，线上展厅不受任何影响。
2. 正式发布 (Publish)：当在实时预览中核对所有文案与参数完美无误后，点击右上角的 Publish。
3. 推送到全网：在 SymbolFlow 控制台点击一次 全部部署 (Deploy All)，最新的产品与页面就会正式推送到全球 CDN，供海外采购商极速浏览。

---

接下来

接下来，我们将以系统预置的真实工业品为例，深入学习产品多规格矩阵的配置方法：

• 实战精讲：配置「VD型减震器」
• Excel 1688式矩阵导入与导出