> 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/website.md).

# 自家官網 | 安裝

如何在自家官網上安裝 Omnichat

## 步驟 1

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

## 步驟 2

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

1. 輸入安裝 Omnichat 的網站地址
2. 設定 Omnichat 網站插件外觀
3. 設定 Omnichat 網站插件語系
4. 設定 Omnichat 網站插件首頁文案
5. 複製 Omnichat 安裝代碼

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FBwSiGHWCxBgiSU4jSH8f%2F%E6%88%AA%E5%9C%96%202026-09-10%20%E4%B8%8B%E5%8D%882.13.35.png?alt=media&amp;token=0d6c14ad-ab8f-452d-a1e3-7dc4ac3bf76c" alt=""><figcaption></figcaption></figure>

## 步驟 3

將 Omnichat 代碼貼到您網站的每個頁面上的`</body>` tag 前

{% hint style="info" %}
若網站有 Content-Security-Policy (CSP) 相關設定，請將 Omnichat 相關網域 (<https://media-cdn.omnichat.ai、.easychat.co等)加入白名單。>
{% endhint %}

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

**如您無法完成，建議您可以直接使用 Google Tag Manager 來安裝插件**

{% content-ref url="/pages/-LeBCt54\_u1fR4WAZQB2" %}
[Google Tag Manager | 安裝 Omnichat](/features/she-ding/tong-xun-qu-dao/wang-zhan-dui-hua-cha-jian/install/google-tag-manager.md)
{% endcontent-ref %}