> ## Documentation Index
> Fetch the complete documentation index at: https://docs.meowgic.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# 将 Meowgic 应用集成到 Shoplazza

> 本指南将引导你将 Meowgic 的应用集成到 Shoplazza 店铺中，并完成后续配置与使用。

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/7fabe3f9-591d-47e0-8b48-9ea1d32579e1.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
</Frame>

## 准备好你的应用

进入你的应用，点击右上角的「发布」按钮，然后选择「安装到你的店铺」。

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/24b0a8c4-4bd9-46d0-97d9-8c50fd3ba0f2.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/5ef3030b-bfbd-4475-9619-6da412296070.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
  </Frame>
</Columns>

选择要集成的平台（Shoplazza），即可进入应用集成流程。

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/3242a69e-76a9-41f5-80d0-2781b7165990.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
</Frame>

## 开始集成

集成分自动和手动两种方式：

* 自动集成：如果你的 Meowgic 账号已连接 Shoplazza 店铺，可以直接选择目标主题，自动完成应用的添加与后续更新。
* 手动集成：从 Shoplazza 店铺下载主题文件并上传至 Meowgic，由 Meowgic AI 自动完成集成。完成后，下载更新后的主题文件，并将其重新导入 Shoplazza 店铺。

### 自动集成（即将上线）

<Note>此功能即将上线，敬请期待。</Note>

### 手动集成

进入集成页面后，你可以查看当前应用版本和目标店铺平台，也可以切换不同版本，查看对应的集成记录。

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/6e8cadc8-6ce7-4255-9678-e9b2526ffc99.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
</Frame>

访问你的 Shoplazza 后台并下载店铺主题文件。

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/d7e40b45-222e-4329-be08-d7de705c7e7b.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
</Frame>

上传主题文件，完成后「开始」集成。

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/347a02f4-6448-4222-a82b-c11149138c29.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/0535a4a3-c036-4698-878d-ef23ecb39aa5.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
  </Frame>
</Columns>

Meowgic AI 会自动解析你的主题文件，并将应用嵌入其中。集成完成后，系统将生成修改后的主题文件，点击「下载主题文件」即可保存。

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/b903ec31-3ae5-4ed1-aa3e-97eeeafd275d.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
</Frame>

回到你的 Shoplazza 店铺，上传修改后的主题文件。

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/887fa789-66c9-4475-bacd-f7ab125cd077.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/d423f17b-f65c-4a2a-8d7f-44a4da36d1b7.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
  </Frame>
</Columns>

主题文件上传完成后，点击「编辑主题」，然后找到已创建应用对应的页面模板。

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/3c3d346f-dff1-40d2-8351-4beb880212ac.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/78b8f81e-d766-45c1-b95a-d9c97f876448.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
  </Frame>
</Columns>

<Warning>
  在创建或编辑应用时，Meowgic AI 会结合你们的对话内容和应用信息，判断应用最适合嵌入的主题位置。例如，在当前的倒计时应用中，你已明确要求将其放置在产品信息区域，因此该应用只会出现在产品页面模板中。
</Warning>

进入应用对应的页面模板后，Meowgic 应用会默认嵌入主题中。你只需选中该应用，即可启用并开始配置。

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/3670d1b8-e760-4dca-80ca-ca2eaf361f65.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
</Frame>

完成配置后，保存主题并发布到线上。至此，你已完成 Meowgic 应用与 Shoplazza 店铺的集成。

返回 Meowgic 集成页面后，你可以查看当前应用版本下的所有集成记录及对应的修改记录。

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/9007bdf4-3383-4354-8b89-bdd6ed592fd1.png?x-oss-process=image/format,webp" alt="Integrate with Shoplazza" />
</Frame>

## 小技巧

* 如果在店铺中配置 Meowgic 应用时遇到问题，或需要进一步调整，可以直接在集成页面告诉 Meowgic AI 你的问题或需求，它会自动完成修改。只有当应用的管理后台或核心功能发生较大变更时，才需要返回应用编辑页面进行调整。
* 如果你的 Meowgic 应用涉及商品相关场景，例如颜色选项、在线定制器或礼品功能，系统会根据你在应用编辑阶段提出的要求自动完成集成。完成后，你还可以继续向 Meowgic AI 提出更多需求，例如在加入购物车时携带指定参数，或调整购物车的样式与交互逻辑，Meowgic AI 都可以直接协助完成。
* 你还可以尝试 Meowgic AI 来设计你的主题。
* 更多功能与应用场景，等待你进一步探索。
