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

# Opencart | 安裝 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="/files/WmyA3yRWQuu3Y2HnlB1o" alt=""><figcaption></figcaption></figure>

## 步驟 3

使用**FTP客戶端**或**Cpanel File manager**登錄到您的 **OpenCart** 網站伺服器. (許多 Web hosting 公司也提供Cpanel內的File Manager)

## 步驟 4

前往 **OpenCart** 的 **ROOT directory** (通常是 "WWW" 或 "Public\_html")

## 步驟 5

前往 catalog > view > theme folder.

![](/files/-LeB6fX0QHXlgpFKOhsP)

## 步驟 6

打開你正在使用的 theme folder。預設的 theme 為 **"default"**. (您可以在 OpenCart 管理區域內找到您的 theme, 在 **System > Settings > Store**)

![](/files/-LeB6muI_H3U5UhuUfxF)

## 步驟 7

前往 **template > common folder**.

![](/files/-LeB6vG8mqWK0tg4GC2M)

## 步驟 8

打開 **footer.tpl / footer.twig** 文件並用如 Notepad 的編輯器編輯. 複製並貼上您的 Omnichat 代碼到 `</body>` tag 前。

![](/files/-LeB71wS89ty4fE-dnKJ)

## 步驟 9

按 **另存為** 並給file 命名 **footer.tpl / footer.twig** (一定要&#x6709;**.tpl / .twig**)

## 步驟 10

將新編輯的 **footer.tpl / footer.twig** 文件保存在PC上

## 步驟 11

用新的 **footer.tpl / footer.twig** 文件替換伺服器上現有的 **footer.tpl / footer.twig** 文件。

## 步驟 12

{% hint style="info" %}
清除快取 Clear Cache

<https://www.youtube.com/watch?v=mUMGV0WACHs> (Opencart Ver 3.x )
{% endhint %}

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