---
description: 了解網站聊天小工具及其功能
title: 網站聊天小工具概述
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[新的🔥 搶先試試 WhatsApp Business Calling API（開放式測試版）！![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/tw/whatsapp-business-calling-api)

幫助我... ⌘ 

1. [All Collections >](/tw/help)
2. [ 頻道 >](/tw/help/channels)
3. [ 網站聊天小工具 >](/tw/help/website-chat-widget)
4. 網站聊天小工具概述

# 網站聊天小工具概述

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/4GvzCieeTBRY4TRJUbIr4y/b92428e6b049d23f546269180534f7ea/Ryan_Tan_Avatar.svg)

Joshua Lim

· 11 Nov 2025

4 分鐘

Respond.io 的網站聊天小工具將網站聊天和消息通道整合在一個小工具中。 這個小工具在您的網站上顯示為彈出窗口，允許客戶選擇通過即時聊天或通過您在小工具標題中連接的其他[消息通道](https://respond.io/tw/help/channels)開始與您聊天。

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3ewopZvHlGogVHUvYS45G7/835bdb511c944788363d8073fcd260aa/website-chat-widget-1.png?fm=jpg&q=80&w=640) 

> Respond.io 提供了一種替代方式，讓您的顧客可以通過網站與您聯繫，這就是通過增長小工具。 要了解哪個小工具適合您的業務，請查看[這一部分](https://respond.io/tw/help/website-chat-widget/website-chat-widget-overview#website%5Fchat%5Fwidget%5Fvs%5Fgrowth%5Fwidget)。

## 網站聊天小工具與增長小工具

### 網站聊天小工具

網站聊天小工具專注於在顧客與您的業務之間實現快速溝通和支援。 即時聊天是一個基於會話的聊天，這意味著它沒有消息窗口，您的業務無法在聊天結束後聯繫顧客。

了解如何[使用 respond.io 將網站聊天小工具添加到您的網站](https://respond.io/tw/help/website-chat-widget/website-chat-widget)。

### 增長小工具

增長小工具允許您在網站上嵌入單通道或多通道小工具，以便顧客可以通過他們喜歡的消息應用程序與您聯繫。 增長小工具可以包含網站聊天小工具作為其一個組件，並且它的使用範圍更廣，包括：

* 通過收集如電子郵件地址和電話號碼等顧客詳細信息來生成潛在客戶。
* 通過鼓勵顧客在各種社交媒體平台上關注或與您的業務互動來吸引用戶。

在這裡了解更多關於[增長小工具](https://respond.io/tw/help/workspace-settings/growth-widgets)的內容。

## 定價

您可以使用 respond.io 設置網站聊天小工具。 請參閱[這裡的可用計劃](https://respond.io/tw/pricing)。

## 捕捉對話

顧客必須向您的業務發送第一條消息以開始對話。

有幾種方法可以鼓勵顧客訪問您的網站以開始聊天：

* [聊天鏈接](https://respond.io/tw/help/quick-start/getting-contacts-to-message-you)：在電子郵件、新聞稿或名片中添加一個 URL，指向顧客的網站，讓他們開始與您聊天。
* [二維碼](https://respond.io/tw/help/quick-start/getting-contacts-to-message-you)：二維碼可以放置在實體位置，如酒店、餐廳或購物中心。 當顧客掃描代碼時，他們將被指引到您的網站以開始與您聊天。
* 即時聊天：即時聊天選項允許您的顧客實時獲取幫助和答案。 然而，為了確保在即時聊天結束後仍能聯絡到顧客，您需要從即時聊天對話中收集聯絡人詳細信息。 有三種方法可以做到這一點：  
   * [預聊表單](https://respond.io/tw/help/inbound-conversations/collect-contacts-emails-and-phone-numbers#use%5Fpre%5Fchat%5Fform%5Fon%5Fwebsite%5Fchat%5Fwidget)：在聊天開始之前設置一個表單。 這將要求您的顧客在開始與您聊天之前填寫他們的聯絡詳細信息。  
   * [Dialogflow 聊天機器人](https://respond.io/tw/help/dialogflow)：利用 Dialogflow 聊天機器人與訪問者互動並收集他們的信息。  
   * [工作流程](https://respond.io/tw/help/inbound-conversations/collect-contacts-emails-and-phone-numbers)：創建一個工作流程，提示聯絡人提供他們的電子郵件或電話號碼以進行身份識別。

## 通道功能

這些是網站聊天小工具的功能：

* [支持的文件類型](https://respond.io/tw/help/website-chat-widget/website-chat-widget-overview#supported%5Ffile%5Ftypes)
* [消息狀態可用性](https://respond.io/tw/help/website-chat-widget/website-chat-widget-overview#message%5Fstatus%5Favailability)

### 支持的文件類型

網站聊天小工具支持的文件類型及每種文件的最大文件大小如下：

* 圖片 (20 MB)
* 音頻 (20 MB)
* 視頻 (20 MB)
* 文件 (20 MB)

> 對於通過網站聊天小工具發送的任何不支持的文件類型或超出最大文件大小的文件，該文件將自動轉換為 respond.io 平台上的 URL 連結。

### 消息狀態可用性

該表格概述了網站聊天小工具中的消息狀態的可用性。

| 消息狀態 | 可用性 |
| ---- | --- |
| 已發送  | ✅   |
| 已送達  | ✅   |
| 已讀取  | ✅   |
| 失敗   | ✅   |

## 常見問題與故障排除

### 無法發送訊息至聯絡人

訊息傳送失敗可能有幾個原因：

* 聯絡人已離開網站或關閉了包含網站聊天的瀏覽器。
* 聯絡人的非活動時間可能已超過超時期間。
* 聯絡人的客戶可能存在網絡連接問題。

### 我該如何聯繫已離開我網站的聯絡人？

要與已離開您網站的聯絡人保持聯繫，請在即時聊天前[收集他們的電話號碼或電子郵件](https://respond.io/tw/help/website-chat-widget/website-chat-widget-overview#capturing%5Fconversation)。 如果他們離開了您的網站，您仍可以通過 WhatsApp、電子郵件或 SMS 等其他頻道繼續對話。 在 respond.io 平台上與聯絡人聯繫時，您可以使用[頻道切換器](https://respond.io/tw/help/messages/messages-overview#channel%5Fswitcher)在訊息控制台中切換頻道。

分享這篇文章

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/website-chat-widget/website-chat-widget-overview)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/website-chat-widget/website-chat-widget-overview)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/website-chat-widget/website-chat-widget-overview)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/website-chat-widget/website-chat-widget-overview)

## 

相關文章

* [在 Squarespace 上安裝網站聊天小工具了解如何在 Squarespace 網站上安裝網路聊天小工具。 ](/tw/help/website-chat-widget/install-on-squarespace)
* [在 Joomla 上安裝網站聊天小工具了解如何在您的 Joomla 網站上安裝網路聊天小工具。 ](/tw/help/website-chat-widget/install-on-joomla)
* [在 Wix 上安裝網站聊天小工具了解如何在您的 Wix 網站上安裝網路聊天小工具。 ](/tw/help/website-chat-widget/install-on-wix)
* [在 Shopify 上安裝網站聊天小工具了解如何在您的 Shopify 商店上安裝網路聊天小工具。 ](/tw/help/website-chat-widget/install-on-shopify)
* [在 WordPress 上安裝網站聊天小工具了解如何在您的 WordPress 網站上安裝網路聊天小工具。 ](/tw/help/website-chat-widget/install-on-wordpress)

找不到您想要的東西？ 🔎

[聯繫支持](/tw/contact-us)

2025-12-05T04:04:44.088Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"了解網站聊天小工具及其功能","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4GvzCieeTBRY4TRJUbIr4y/b92428e6b049d23f546269180534f7ea/Ryan_Tan_Avatar.svg","name":"Joshua Lim","url":"https://respond.io/tw/author"},"dateCreated":"2023-08-23T08:54:26.000Z","dateModified":"2025-11-11T10:50:05.427Z","datePublished":"2023-08-23T08:54:26.000Z","headline":"網站聊天小工具概述","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/3ewopZvHlGogVHUvYS45G7/835bdb511c944788363d8073fcd260aa/website-chat-widget-1.png","mainEntityOfPage":"https://respond.io/tw/help/website-chat-widget","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/3ewopZvHlGogVHUvYS45G7/835bdb511c944788363d8073fcd260aa/website-chat-widget-1.png","url":"https://respond.io/tw/help/website-chat-widget/website-chat-widget-overview"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/tw/help","position":1},{"@type":"ListItem","name":"頻道","item":"https://respond.io/tw/help/channels","position":2},{"@type":"ListItem","name":"網站聊天小工具","item":"https://respond.io/tw/help/website-chat-widget","position":3},{"@type":"ListItem","name":"網站聊天小工具概述","item":"https://respond.io/tw/help/website-chat-widget/website-chat-widget-overview","position":4}]}]
```
