> 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/she-ding/tong-xun-qu-dao/wang-zhan-dui-hua-cha-jian/install/bv-shop-an-zhuang-omnichat.md).

# BVSHOP | 安裝 Omnichat

如何在 BVSHOP 上安裝 Omnichat？

## 步驟一

登入 [Omnichat 後台](https://console.omnichat.ai/index-legacy)

## 步驟二

前往 設定 > 通訊渠道 > 網站插件 > [安裝對話插件](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%2FO45ckc8zMMvgF8P4vqah%2Fimage.png?alt=media&amp;token=36932439-e510-476e-8bb2-61b16f1553a1" alt=""><figcaption></figcaption></figure>

## 步驟三

前往BVSHOP店家管理頁面，行銷推廣 > Omnichat > 貼上Omnichat安裝代碼並「儲存」

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F2wrhKnw1GyVYtMznxpSH%2Fimage.png?alt=media&amp;token=af0e96fd-90c5-44a1-a620-7eb06ea2f9a4" 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%2FdsRMbFpMZXikcVwoaPO8%2Fimage.png?alt=media&amp;token=d70be350-6ae7-4b09-a1ff-59ea8499e19d" alt=""><figcaption></figcaption></figure>

## 步驟五

若有需要調整對話插件相關設定，可以回到 Omnichat 管理後台 設定 > 通訊渠道 > 網站插件 > [對話插件設定](https://console.omnichat.ai/install-legacy) 頁面，即可調整對話插件囉！相關說明請見 [網站插件設定](/features/she-ding/tong-xun-qu-dao/wang-zhan-dui-hua-cha-jian/webchat-setting.md)。

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