> For the complete documentation index, see [llms.txt](https://docs.omnichat.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.omnichat.ai/features/tong-xun-qu-dao/wang-zhan-dui-hua-cha-jian/install/cyberbiz-an-zhuang-omnichat.md). # CYBERBIZ | 安裝 Omnichat 如何在 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 網址](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FNLSsXGVBUpzkZ0HtriAC%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%886.39.32.png?alt=media\&token=c9982164-6340-408a-aba3-76e0eb4c5ad8) ![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FeMuvH01QYpXNlUhYVXQU%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%886.39.38.png?alt=media\&token=eef7db0b-9ca1-4fb8-807d-563febf6cd02) ### 步驟 3 登錄您的 CYBERBIZ 商店管理： ### 步驟 4 1. 點選左側選單網站外觀中的『套版主題管理』 2. 點擊選擇操作後點選『CSS/HTML編輯器』

### 步驟 5 請勾選「我已閱讀並同意上述事項」，並點選「我同意」 ![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F6m9ib8b9lEaZQlIdHr02%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%886.33.12.png?alt=media\&token=96fc7439-dd99-43c6-9eb4-f1ca74778fe8) ### 步驟 6 1. 點選「整體配置」的『theme\_liquid』 2. 將剛剛在 Omnichat 複製好的插件代碼貼在 \ 之後（忘記剛剛插件代碼在哪請點擊[這裡](#bu-zhou-2)） ![點擊「theme\_liquid」](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FWEE6ODb2DsE3qAOrRS43%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%886.37.22.png?alt=media\&token=cfe45186-83dd-4092-b875-773fcd5db486) ![將插件代碼放在 \ 之後，整段貼上](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F4apAFd4Vq9H3V2cAsXyD%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%886.40.21.png?alt=media\&token=7ac3b919-447b-4da4-b81a-496bbe3fca39) 3\. 點擊『儲存』 ![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FF094yd1TM2yUQsjIHClB%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%887.10.53.png?alt=media\&token=4ea9ad47-e54f-46d3-9648-20369343890b) ### 步驟 7 看到插件在網站上出現！ ![左下角藍色插件已上線](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FxlTrh4RbI1YLyfCjUj17%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%886.42.56.png?alt=media\&token=5a4548fb-301e-40e9-9e7a-6b49b620570d) ## 使用 Google Tag Manager 來進行安裝 ### 步驟 1 [登入](https://app.easychat.co/) 到 Omnichat 管理員頁面 ### 步驟 2 前往通訊渠道 > 網站對話插件 > [安裝對話插件](https://app.easychat.co/install.html) 頁面 1. 輸入安裝 Omnichat 的網站地址 2. 複製 Omnichat 安裝代碼 3. 設定你的開店平台，選擇 Cyberbiz 並按下儲存 ![放上 Cyberbiz 網址](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FNLSsXGVBUpzkZ0HtriAC%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%886.39.32.png?alt=media\&token=c9982164-6340-408a-aba3-76e0eb4c5ad8) ![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FeMuvH01QYpXNlUhYVXQU%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%886.39.38.png?alt=media\&token=eef7db0b-9ca1-4fb8-807d-563febf6cd02) ### 步驟 3 登入您的 Google Tag Manager 帳戶 [https://tagmanager.google.com](https://tagmanager.google.com/) ### 步驟 4 如您已經創建給官網，可直接找到當時的 GTM 代碼往步驟 5 操作。新增帳戶並設置帳戶設定及容器設定，並在「目標廣告平台」選擇「網路」，並按下「建立」。 ![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FSt2RBpdtGMXp5ms3z6vB%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%887.19.22.png?alt=media\&token=2f214308-b57b-461b-87cc-8d661ac078d2) ### 步驟 5 勾選底下的「我同意」以及點擊上方的「是」 ![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2Fh459RWqYKTc8oUdeCBiG%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%887.29.08.png?alt=media\&token=2eb3c2b1-cadd-4284-a697-b60dbc91a237) ### 步驟 6 按下新增代碼，輸入標籤名稱（Tag name），然後按右上角的編輯鉛筆（Edit Pencil） ![新增代碼](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FQgmGRbpe8oq3xX40noaW%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%887.31.31.png?alt=media\&token=81056677-a7ee-47a4-8d08-2bad3d8fa65e) ![輸入標籤名稱，以及點擊鉛筆](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FVEsTqOiCb1isqvkrmODm%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%887.33.19.png?alt=media\&token=889c5770-9e40-4da8-b471-6f38cea97cfc) ### 步驟 7 選擇自訂代碼 Custom HTML ![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FMH6Yp99PDheCF8OxJsOf%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%887.35.58.png?alt=media\&token=062e2052-a6f6-42d2-b685-4942377dd934) ### 步驟 8 把 Omnichat Javascript 代碼貼到 HTML Textbox。\ 按下觸發條件右邊的＋，來新增條件，選擇「All Pages」 ![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2Fqa1rctmKCp1UmdRXR7pQ%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%887.39.01.png?alt=media\&token=13c57644-a086-4d13-a694-80f2ab669a57) ### 步驟 9 按下「提交」 ![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F1Q0KAIzPC7STKgrFDDiU%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%887.42.12.png?alt=media\&token=07c39c8f-dcd8-4fbf-a5b7-c5097c481cd1) ### 步驟 10 如果您是之前就已經有 GTM 而修改後提交新版本，按下提交後，並添寫以下欄位後按『發布』 1. 版本名稱 Version Name：Version 1 2. 版本說明 Version Description：Add Omnichat installation code 3. 按下「發布」 ![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FzPYjIGnWgTxZYllgE78s%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%887.45.35.png?alt=media\&token=978540c3-6638-4863-9e1a-86071c21f5a8) ### **完成！** ![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FxlTrh4RbI1YLyfCjUj17%2F%E6%88%AA%E5%9C%96%202022-02-15%20%E4%B8%8B%E5%8D%886.42.56.png?alt=media\&token=5a4548fb-301e-40e9-9e7a-6b49b620570d)