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

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/78457791-4c01-4bfc-8754-701c33d5e15a.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
</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 Shopify" />
  </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 Shopify" />
  </Frame>
</Columns>

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/e6371440-d12c-454e-9a11-5ea715c4be27.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
</Frame>

## 开始集成

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

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

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

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

### 手动集成

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/111c66bf-079f-4e9a-984f-48601f5d6470.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
</Frame>

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/a0847390-f312-4be2-b750-145a7ad6273e.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
</Frame>

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

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/3ccf2099-e283-4213-969f-d64672563109.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/77020b5d-d585-4329-ba3c-0bb7cc4022ab.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
  </Frame>
</Columns>

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/a9cb3468-28f9-4960-833d-230ae9fe1da9.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
</Frame>

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

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/a8ae133a-d889-42f3-80a3-29ccfd8c1e4a.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/f1fa5a35-92c7-4dae-8857-0150e0d779ed.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
  </Frame>
</Columns>

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

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/b529deae-f762-4615-8e53-1e6b44d4d40e.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/7e215dea-d2a7-442f-9d94-339cef401133.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
  </Frame>
</Columns>

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

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/1b32df1c-4502-41de-96f1-8906442fb02e.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
</Frame>

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

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/365f3637-d8ac-4d62-89c8-40c1cc261998.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
</Frame>

## 小技巧

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