# 在 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="/files/PZCV6zHHBMNVfVphM56m" 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="/files/TKpMumJ70gpvJEyouumn" alt=""><figcaption></figcaption></figure>

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

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

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

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.chatalog.ai/zh-hk/settings/chat-widget/zai-shopify-shang-she-zhi-web-chat.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.