# SHOPLINE | 安裝 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%2FQ18lbVzO9CiwlXyA9uTM%2F%E6%88%AA%E5%9C%96%202023-05-23%20%E4%B8%8B%E5%8D%885.03.27.png?alt=media&#x26;token=2aa71987-6861-4599-89f5-0e55d5566373" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FRhy7mTw0c0ueVtyFDf0m%2F%E6%88%AA%E5%9C%96%202023-05-23%20%E4%B8%8B%E5%8D%885.03.27.png?alt=media&#x26;token=c28f8471-98b8-42aa-8442-063b1db6cf33" alt=""><figcaption></figcaption></figure>

## 步驟 3

登錄您的 SHOPLINE 商店管理 <https://admin.shoplineapp.com/users/sign_in>

## 步驟 4

前往 網店行銷與追蹤 > 追蹤設定

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F3CcUK2SS7EAFotOqa0PH%2F%E6%88%AA%E5%9C%96%202022-12-19%20%E4%B8%8B%E5%8D%886.33.34.png?alt=media&#x26;token=b431a837-4077-4f5c-8ee4-98440df14774" alt=""><figcaption></figcaption></figure>

## 步驟 5

按 Google 代碼管理工具,  並在 "我的 Google 代碼管理工具編號" 欄位裡填入從 GTM 後台取得的 code

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2Fh5oYFNGCtSsLm1HEPhGu%2FTC_Step8.png?alt=media&#x26;token=d326d9a3-054c-48c4-960a-8ad9316864ed" alt=""><figcaption></figcaption></figure>

詳細步驟也可以參考 [SHOPLINE 官方文件說明](https://support.shoplineapp.com/hc/zh-tw/articles/205276289-Google-%E4%BB%A3%E7%A2%BC%E7%AE%A1%E7%90%86%E5%B7%A5%E5%85%B7-GTM-%E5%AE%89%E8%A3%9D%E6%96%B9%E5%BC%8F)

## 步驟 6

點擊「新增代碼」（ADD A NEW TAG）

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaFmilpuDQ-f7VKjHCH%2F-LeAHJmEqQ-uZ6zBY1eo%2F-LeALrqfblSQYwVpJhuv%2Feasychat-install-shopline-5.png?alt=media\&token=14d34288-9527-40ab-83f1-712ed242f92f)

## 步驟 7

輸入 Tag name（代碼名稱），然後按右上角的鉛筆符號

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaFmilpuDQ-f7VKjHCH%2F-MfaRvjOtJhMhFsFZjfZ%2F-MfaSeBgegzh0zykJZ-3%2F%E4%BB%A3%E7%A2%BC%E5%90%8D%E7%A8%B1.png?alt=media\&token=568a69b9-4c57-439d-b7d4-66669dd629be)

## 步驟 8

選擇 Custom HTML（自訂 HTML）

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaFmilpuDQ-f7VKjHCH%2F-LeAHJmEqQ-uZ6zBY1eo%2F-LeAM9c9YPp-w29Qb8Zi%2Feasychat-install-shopline-7.png?alt=media\&token=e3fe95ca-146a-4157-b9a7-907f58e03ab0)

## 步驟 9

把 Omnichat Javascript 代碼 貼到 HTML Textbox

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaFmilpuDQ-f7VKjHCH%2F-LeAHJmEqQ-uZ6zBY1eo%2F-LeAMM8HwmiCOPPnx4sF%2Feasychat-install-shopline-8.png?alt=media\&token=7f3392fc-2dce-4ef2-ba39-97bc929919d5)

## 步驟 10

按 trigger（觸發條件） 並選擇 "All Pages"

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaFmilpuDQ-f7VKjHCH%2F-MfaNbB43cult4uyoZ_S%2F-MfaPdctL1vM6SBA241A%2Fgtm%20%E8%A7%B8%E7%99%BC%E6%A2%9D%E4%BB%B6.png?alt=media\&token=d50d963e-1d3c-4377-b505-029c244ba43f)

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaFmilpuDQ-f7VKjHCH%2F-LeAHJmEqQ-uZ6zBY1eo%2F-LeAMTGBoMRuLkHXZDnm%2Feasychat-install-shopline-9.png?alt=media\&token=b3a66b9d-631a-4451-a57b-4766cc0ac120)

## 步驟 11

按下右上方的「Submit（提交）」按鈕，並添加「Version Name（版本名稱）」、「Version Description（版本說明）」，最後按下 「Publish（發布）」

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaFmilpuDQ-f7VKjHCH%2F-MfaNbB43cult4uyoZ_S%2F-MfaQemmkUj4amo6_F-9%2Fgtm%20%E6%8F%90%E4%BA%A4.png?alt=media\&token=574eaf37-e6d9-4abd-9761-5c5789db5e8d)

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaFmilpuDQ-f7VKjHCH%2F-MfaNbB43cult4uyoZ_S%2F-MfaRDT2NPgFaeFMk8Ix%2Fgtm%20%20%E6%8F%90%E4%BA%A4%E8%AE%8A%E6%9B%B4.png?alt=media\&token=e9f30449-a716-4310-ba21-f9cfe865a82d)

## **完成！ 立即在您的 SHOPLINE 網站上用** 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/shopline.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.
