# CYBERBIZ | 安裝 Omnichat

使用 CYBERBIZ 開店平台商，您有兩種方式可以安裝對話插件，請擇一操作即可

1. [在 CYBERBIZ 後台來安裝對話插件](https://docs.omnichat.ai/features/tong-xun-qu-dao/wang-zhan-dui-hua-cha-jian/install/cyberbiz-an-zhuang-omnichat#shi-yong-cyberbiz-hou-tai-wei-zhi-lai-an-zhuang-cha-jian)
2. [使用 Google Tag Manager 來安裝](https://docs.omnichat.ai/features/tong-xun-qu-dao/wang-zhan-dui-hua-cha-jian/install/cyberbiz-an-zhuang-omnichat#shi-yong-google-tag-manager-lai-jin-hang-an-zhuang)

## 使用 CYBERBIZ 後台位置來安裝插件

### 步驟 1

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

### 步驟 2

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

1. 輸入安裝 Omnichat 的網站地址
2. 複製 Omnichat 安裝代碼
3. 設定你的開店平台，選擇 CYBERBIZ 並按下儲存

![放上 Cyberbiz 網址](/files/HlQa9aMilzpqx0OmvuR1)

![](/files/Y8W0sWwTamAcziXMQbx2)

### 步驟 3

登錄您的 CYBERBIZ 商店管理：<https://sycafe.cyberbiz.co/user/sign_in>

### 步驟 4

1. 點選左側選單網站外觀中的『套版主題管理』
2. 點擊選擇操作後點選『CSS/HTML編輯器』

<figure><img src="/files/7TVOV6nbtzL4Djc3cogt" alt=""><figcaption></figcaption></figure>

### 步驟 5

請勾選「我已閱讀並同意上述事項」，並點選「我同意」

![](/files/6C1VjJZCf1xRfjr4reeK)

### 步驟 6

1. 點選「整體配置」的『theme\_liquid』
2. 將剛剛在 Omnichat 複製好的插件代碼貼在 \<body> 之後（忘記剛剛插件代碼在哪請點擊[這裡](#bu-zhou-2)）

![點擊「theme\_liquid」](/files/puk50OKLYLVyhWp4QEwa) ![將插件代碼放在 \<body> 之後，整段貼上](/files/NsXCOA3BbFLDH1xzcKOM)

3\. 點擊『儲存』

![](/files/G0ateR9eKZZN1hbpxTvY)

### 步驟 7

看到插件在網站上出現！

![左下角藍色插件已上線](/files/URx3GarpEsR2bcvZf6Sv)

## 使用 Google Tag Manager 來進行安裝

### 步驟 1

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

### 步驟 2

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

1. 輸入安裝 Omnichat 的網站地址
2. 複製 Omnichat 安裝代碼
3. 設定你的開店平台，選擇 Cyberbiz 並按下儲存

![放上 Cyberbiz 網址](/files/HlQa9aMilzpqx0OmvuR1)

![](/files/Y8W0sWwTamAcziXMQbx2)

### 步驟 3

登入您的 Google Tag Manager 帳戶 [https://tagmanager.google.com](https://tagmanager.google.com/)

### 步驟 4

如您已經創建給官網，可直接找到當時的 GTM 代碼往步驟 5 操作。

新增帳戶並設置帳戶設定及容器設定，並在「目標廣告平台」選擇「網路」，並按下「建立」。

![](/files/9DxYGnWO7wPVLDYZw9Zw)

### 步驟 5

勾選底下的「我同意」以及點擊上方的「是」

![](/files/SmXfmsdexWRfHNkbuFXr)

### 步驟 6

按下新增代碼，輸入標籤名稱（Tag name），然後按右上角的編輯鉛筆（Edit Pencil）

![新增代碼](/files/8y696p23HfVRTwdVZwm0)

![輸入標籤名稱，以及點擊鉛筆](/files/ickuuuCwt3MVv4LY7Hpx)

### 步驟 7

選擇自訂代碼 Custom HTML

![](/files/TDjIOZ2XExZEqc4rjPio)

### 步驟 8

把 Omnichat Javascript 代碼 貼到 HTML Textbox。\
按下觸發條件右邊的＋，來新增條件，選擇「All Pages」

![](/files/TubikzRn3gIvujnqVJJc)

### 步驟 9

按下「提交」

![](/files/8VNKOtqeWDuR3IP2e2Y3)

### 步驟 10

如果您是之前就已經有 GTM 而修改後提交新版本，按下提交後，並添寫以下欄位後按『發布』

1. 版本名稱 Version Name：Version 1
2. 版本說明 Version Description：Add Omnichat installation code
3. 按下「發布」

![](/files/ogTsmlGpS7RWs7jXm1j3)

### **完成！**

![](/files/URx3GarpEsR2bcvZf6Sv)


---

# 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/cyberbiz-an-zhuang-omnichat.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.
