# Shopify | 安裝 Omnichat

## 步驟 1

[登入](https://app.easychat.co/) 到 Omnichat 管理員頁面

## 步驟 2

前往 通訊渠道 > 網站對話插件 > [安裝對話插件](https://app.easychat.co/install.html) 頁面

1. 輸入安裝 Omnichat 的網站地址
2. 選擇你的 Omnichat 網頁插件應用顏色
3. 選擇你的 Omnichat 網頁插件應用語言
4. 複製 Omnichat 安裝代碼

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FpoAinrxQq0V4CjfZfNgC%2FOmnichat%20%E7%B6%B2%E9%A0%81%E6%8F%92%E4%BB%B6%E8%A8%AD%E5%AE%9A.png?alt=media&#x26;token=18b31399-4501-4d2e-8f74-5d30c910916e" alt=""><figcaption><p>Omnichat 網頁插件設定</p></figcaption></figure>

複製 Omnichat Javascript 代碼

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FtLJtX5fgRnlduufC2Ffo%2FOmnichat%20%E5%AE%89%E8%A3%9D%E4%BB%A3%E7%A2%BC.png?alt=media&#x26;token=3c6e742f-c5cb-4364-8fbe-abc9f709d14e" alt=""><figcaption><p>Omnichat 安裝代碼</p></figcaption></figure>

## 步驟 3

登錄您的 Shopify 商店管理帳戶<http://www.shopify.com/login/>

## 步驟 4

點擊左側功能列表中的「網路商店」

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FEyfDFqxbSMIJkLK5WY1J%2FShopify-%E6%AD%A5%E9%A9%9F4.png?alt=media&#x26;token=ee99a6f7-fc04-4056-a13d-1adcb936f0af" alt=""><figcaption><p>選擇「網路商店」</p></figcaption></figure>

## 步驟 5

選擇「佈景主題」，並在頁面中點擊自訂旁的【・・・】，選擇「編輯程式碼」

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FjmxmOhf85BSTAz6ybD9R%2FShopify-%E6%AD%A5%E9%A9%9F5.png?alt=media&#x26;token=83cae06f-c0d2-494c-844b-9c8c2ea4f123" alt=""><figcaption><p>「佈景主題」-「編輯程式碼」</p></figcaption></figure>

## 步驟 6

點擊版面配置資料夾下的 **`theme.liquid`**

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FwTqD2opled377wnyZqHy%2FShopify-%E6%AD%A5%E9%A9%9F6-1.png?alt=media&#x26;token=058c73d1-c6e9-48db-95cd-1f60caecb6b5" alt=""><figcaption></figcaption></figure>

頁面中央編輯器面板瀏覽至最下方，找到`{%- endif-%}`與`</body>`，在這之間按下 **Enter** 新增一列，

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FMYCPxhXSNo1ioaPKycFz%2FShopify-%E6%AD%A5%E9%A9%9F6-2.png?alt=media&#x26;token=a9451be0-d3d3-4425-8a98-af2a1ba96712" alt=""><figcaption></figcaption></figure>

然後貼上 Omnichat Javascript 代碼到`{%- endif-%}`與`</body>` tag 之間，按「儲存」。

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F8tcnFXy2tQstozwa4U6Q%2FShopify-%E6%AD%A5%E9%A9%9F6-3.png?alt=media&#x26;token=bbeb9298-1f26-443a-be38-18c91acb94c2" alt=""><figcaption></figcaption></figure>

## **完成！ 立即在您的 Shopify 網站上用** Omnichat **跟客戶即時聊天吧**


---

# 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.omnichat.ai/features/tong-xun-qu-dao/wang-zhan-dui-hua-cha-jian/install/shopify.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.