# 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 **跟客戶即時聊天吧**