# 在 Shopify 上設置 Web Chat

您需要登錄您的[帳戶](https://www.shopify.hk/)，然後在中[複製代碼](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. 進入 "**線上商店"** > **"** [**頁面**](https://admin.shopify.com/themes)**"**。 選擇您要編輯的主題，在其旁邊點擊 "**自定義**"。
3. &#x20;點擊 "區塊"。&#x20;

<figure><img src="https://119561807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUzNHJmtvH3pOzfqt2ZN0%2Fuploads%2FVAL1lXz5SiNiyUH4rglm%2Fimage.png?alt=media&#x26;token=f247ebaf-8c88-4a4e-bb76-5e7d74039510" alt=""><figcaption></figcaption></figure>

4. 點擊 "**操作" -> "編輯代碼"**。
5. &#x20;找到 **"Sections"** 文件夾並展開。&#x20;
6. 打開子文件 **"footer.liquid"**。&#x20;
7. 在 **"footer.liquid"** 中搜索 **" \</Footer>** "。&#x20;
8. 將代碼由[**這裡**](https://app.chatalog.ai/zh-HK/setting?key=chat-widget)複製

<figure><img src="https://119561807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUzNHJmtvH3pOzfqt2ZN0%2Fuploads%2Fe3dK2WHQsrtG71g90ZeF%2Fimage.png?alt=media&#x26;token=5007ac82-7bb2-4fae-84b3-7d8ba4f0ff60" alt=""><figcaption></figcaption></figure>

9. &#x5728;**{% schema %}** 之前貼上您的代碼。

{% hint style="info" %}
它在 **\</footer>** &#x548C;**{% schema %}** 之間。 請使用 **"貼上並匹配樣式**" 將代碼貼上到 Shopify 上。
{% endhint %}

10. &#x20;點擊 **"保存"。**&#x20;

您已成功將我們的消息平台集成到您的 Shopify 網站中！🎉 為了查看更新的更改，只需打開您的網站即可。您會在右下角找到小部件。請隨意使用這個強大的工具與您的客戶進行交流和互動！😊