> For the complete documentation index, see [llms.txt](https://docs.chatalog.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chatalog.ai/zh-cn/settings/chat-widget/zai-shopify-shang-she-zhi-web-chat.md).

# 在 Shopify 上设置 Web Chat

您需要登录您的[Shopify](https://www.shopify.hk/)账户，然后在[Chatalog](https://app.chatalog.ai/zh-HK/setting?key=chat-widget)中复制代码。

```
// 代碼應該是跟這個差不多的 :

<script src="https://widget.chatalog.ai/chatalog-sdk.min.js" app-id="TsGq6dSOhvgKb5dkPPlB" position="bottom-right" lang="en" defer></script>
```

1. 登录[Shopify](https://accounts.shopify.com/store-login)
2. 在Shopify管理后台，进&#x5165;**“在线商店 >** [**主题**](https://admin.shopify.com/themes)**”**&#x9875;面。 选择您要编辑的主题，在其旁边点击“**自定义**”。
3. 点&#x51FB;**“区块”**。

<figure><img src="/files/p48U8LOR6i1ct55b9Xnp" alt=""><figcaption></figcaption></figure>

4. 点&#x51FB;**“操作”->“编辑代码”**。
5. 找到“**Sections**”文件夹并展开。
6. 打开子文&#x4EF6;**“footer.liquid”**。
7. 在“footer.liquid”中搜&#x7D22;**“ \</Footer> ”**。
8. 将代码由[此处](https://app.chatalog.ai/zh-HK/setting?key=chat-widget)复制。

<figure><img src="/files/i4OvMdBfwmEKU68yDtyg" alt=""><figcaption></figcaption></figure>

9. &#x5728;**{% schema %}**&#x4E4B;前粘贴您的代码。

{% hint style="info" %}
它在 **\</footer>** 和 **{% schema %}** 之间。 请使&#x7528;**“粘贴并匹配样式**”将代码粘贴到Shopify上。
{% endhint %}

10. &#x20;点击“**保存”**。&#x20;

您已成功将我们的消息平台集成到您的Shopify网站中！🎉 为了查看更新的更改，只需打开您的网站即可。您会在右下角找到小部件。请随意使用这个强大的工具与您的客户进行交流和互动！😊