# 在 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="https://2243179689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr4OuXl9yrBx2vSJPqtIn%2Fuploads%2Fq1GxK9WWT2etTjBxanZV%2Fimage.png?alt=media&#x26;token=c0126d3a-5ad3-4860-922d-e084e9190aa9" 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="https://2243179689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr4OuXl9yrBx2vSJPqtIn%2Fuploads%2FGIJBmJIYMbclAUqFsDLe%2Fimage.png?alt=media&#x26;token=fd4c976e-fbac-452c-a98a-37444863be51" alt=""><figcaption></figcaption></figure>

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

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

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

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