# 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="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FH8mc7U76L8GZQLL3foKc%2F%E6%88%AA%E5%9C%96%202023-05-26%20%E4%B8%8A%E5%8D%8811.32.30.png?alt=media&#x26;token=7b7075f3-08fd-41b3-8f31-79ecdde8a2b7" 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.

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaFmilpuDQ-f7VKjHCH%2F-LeB611BzUntsvWEpQAc%2F-LeB6fX0QHXlgpFKOhsP%2Feasychat-install-opencart-1.png?alt=media\&token=f7aa4ff3-1304-4ffb-b7dc-75a6b5b2fc19)

## 步驟 6

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

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaFmilpuDQ-f7VKjHCH%2F-LeB611BzUntsvWEpQAc%2F-LeB6muI_H3U5UhuUfxF%2Feasychat-install-opencart-2.png?alt=media\&token=19f75b3c-9071-4eb4-b862-4093ba105716)

## 步驟 7

前往 **template > common folder**.

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaFmilpuDQ-f7VKjHCH%2F-LeB611BzUntsvWEpQAc%2F-LeB6vG8mqWK0tg4GC2M%2Feasychat-install-opencart-3.png?alt=media\&token=2ac4e007-a599-477e-ae8d-1ca45c02e294)

## 步驟 8

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

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaFmilpuDQ-f7VKjHCH%2F-LeB611BzUntsvWEpQAc%2F-LeB71wS89ty4fE-dnKJ%2Feasychat-install-opencart-4.png?alt=media\&token=3f1c5a30-9e20-47ab-9358-c8605e19ba8f)

## 步驟 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&#x20;

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

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


---

# 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/opencart.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.