# 在 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网站中！🎉 为了查看更新的更改，只需打开您的网站即可。您会在右下角找到小部件。请随意使用这个强大的工具与您的客户进行交流和互动！😊


---

# 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-cn/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.