# 即時聊天

即時聊天為一種客戶服務管道，使企業能夠直接在其網站上與客戶進行實時溝通。這個功能為企業帶來了多重好處，其中包括能夠提供快速的客戶支援、即時解答疑問，大大縮短了客戶的等待時間。

通過即時回應客戶的查詢，企業不僅能提升客戶滿意度，還有助於深化客戶關係，從而直接或間接促進銷售。

## 新增與調整

您可以透過左側選單中的「管道」項目，點選「即時聊天」按鈕進入管理列表，以進行單筆的新增和設定等操作。

<figure><img src="https://842546780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MNRu7dk70ei7JV9HlW9%2Fuploads%2FCBmQeG77sjgXKE2AikP8%2Fimage.png?alt=media&#x26;token=5d1e7440-04b6-4f6a-b7e2-8f994ba2474c" alt=""><figcaption></figcaption></figure>

## 設定

### 一般

<table data-header-hidden><thead><tr><th width="81.86067708333331">必填</th><th width="161.53515625">欄位</th><th>描述</th></tr></thead><tbody><tr><td>必填</td><td>欄位</td><td>描述</td></tr><tr><td></td><td>啟用套件</td><td>選擇是否要啟用此套件。</td></tr><tr><td><ul class="contains-task-list"><li><input type="checkbox" checked></li></ul></td><td>名稱</td><td>請賦予此插件一個名稱，此為必填項目。</td></tr><tr><td></td><td>描述</td><td>輸入此插件的描述備註、用途或功能。</td></tr><tr><td><ul class="contains-task-list"><li><input type="checkbox" checked></li></ul></td><td>允許的網域</td><td>請輸入你要使用插件的網域，例如 <code>https://www.firstline.cc</code>。<mark style="background-color:red;">若使用的網站<strong>不在允許清單內</strong>，將顯示拒絕畫面。</mark></td></tr><tr><td></td><td>所屬管道分類</td><td>選擇該套件要歸屬的管道分類。</td></tr><tr><td></td><td>顯示幫助中心</td><td>此設定用於控制是否顯示「<strong>幫助中心</strong>」資訊頁籤，讓客戶可自行搜尋與查閱相關文章。若未啟用，該頁籤將不會顯示。</td></tr><tr><td></td><td>顯示訊息頁面</td><td>若未啟用「<strong>訊息頁面</strong>」，該頁面將僅用於顯示資訊內容與幫助中心相關應用，實際顯示範圍會依你所設定的<strong>允許顯示頁籤</strong>而定。</td></tr><tr><td></td><td>顯示訊息記錄</td><td>若未啟用「<strong>訊息記錄顯示</strong>」，下次開啟聊天時將不會顯示過去的對話內容，以降低敏感資訊被再次查看的風險。</td></tr><tr><td></td><td>允許傳送檔案</td><td>允許傳送圖片、影片等多媒體檔案，單一檔案的最大上傳限制為 25 MB。</td></tr><tr><td></td><td>顯示擴充頁面</td><td>此設定用於控制是否顯示「<strong>即時聊天擴充</strong>」相關頁籤，包含最新消息等內容。若未啟用，該頁籤將不會顯示。</td></tr></tbody></table>

### **外觀**

| 橫幅標題  | 輸入網頁上所顯示的橫幅標題。    |
| ----- | ----------------- |
| 描述與介紹 | 向客戶介紹團隊或產品、服務等說明。 |
| 橫幅配色  | 選擇符合品牌形象或網站風格的顏色。 |
| 插件位置  | 選擇需要出現於網頁左下或右下。   |

<figure><img src="https://842546780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MNRu7dk70ei7JV9HlW9%2Fuploads%2FDKP8HLDJz1nfrsClY2mX%2Fimage.png?alt=media&#x26;token=b2dfda0a-1657-4559-81d3-ed9706715e68" alt=""><figcaption></figcaption></figure>

## 安裝即時聊天

### 置入程式碼

&#x20;啟動即時聊天功能後的最後一步是將聊天系統整合到您的網站中。請前往「置入程式碼」頁面，將提供的即時聊天代碼嵌入到您網站頁面的 `</body>` 標籤之前。這一步驟需要資訊技術人員或負責網站維護的相關人員操作，以確保代碼正確無誤地被添加。

同時，為了確保通訊的安全性，請檢查並確保您的網站已啟用 HTTPS 協議。這不僅能保障資料傳輸的安全，也是當前網絡安全的基本要求。

如果按照以上步驟操作後，即時聊天對話框仍未在您的網站上顯示，一個常見的解決辦法是清除網站的緩存。這可以幫助您的網站加載最新的代碼變更，從而使即時聊天功能正常運作。
