> ## 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 应用集成到 SHOPLINE

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/2558e77f-c8b2-4cfa-8bb4-d36ec9225404.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</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 SHOPLINE" />
  </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 SHOPLINE" />
  </Frame>
</Columns>

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/98e9cdcd-9c40-43a0-9f0f-a0c4ee8c48bc.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

## 开始集成

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

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

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

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

### 手动集成

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/7d3a6477-db3e-4b29-ba27-f9e6e26cb905.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/5da6800d-52a2-4b7f-ab59-9f2993c4712b.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

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

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/08723166-6b39-4024-bfe1-7121da7fdd4d.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/c042a6a1-738e-496d-84a6-0860c41fa2c2.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
  </Frame>
</Columns>

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/bcaea448-b52a-455b-9d91-1193c9d8483e.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

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

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/0948ff39-ca3f-4ba3-b475-b85f57dc7668.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/b36748e8-94c2-4fb1-9e59-98df78d9fa5a.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
  </Frame>
</Columns>

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

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/76ff6bdb-ea90-4a7d-8866-1634c5429b78.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/a0d3b05f-ff93-4253-88ff-56d6a63bd74d.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
  </Frame>
</Columns>

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

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/7674f9eb-4b0f-4f84-816c-4aa76e4bb321.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

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

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/a8b29238-c8bc-4205-93b7-7ee82ed2cc17.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

## 小技巧

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