---
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)](/zh/whatsapp-business-calling-api)

帮助我... ⌘ 

1. [All Collections >](/zh/help)
2. [ 频道 >](/zh/help/channels)
3. [ 网站聊天小部件 >](/zh/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/zh/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/zh/help/website-chat-widget/website-chat-widget-overview#website%5Fchat%5Fwidget%5Fvs%5Fgrowth%5Fwidget)。

## 网站聊天小部件与增长小部件

### 网站聊天小部件

网站聊天小部件专注于实现客户与您业务之间的快速沟通和支持。 实时聊天是基于会话的对话，这意味着它没有消息窗口，并且您的企业在聊天结束后将无法再联系客户。

了解如何[使用 respond.io 向您的网站添加网站聊天小部件](https://respond.io/zh/help/website-chat-widget/website-chat-widget)。

### 增长小部件

增长小部件允许您在网站上嵌入单一通道或多通道小部件，以便客户可以通过其首选的消息应用与您联系。 增长小部件可以将网站聊天小部件作为其组件之一，并且用途更广泛，包括：

* 通过收集客户的详情，如电子邮件地址和电话号码，来生成潜在客户。
* 通过鼓励客户在各种社交媒体平台上关注或与您的业务互动来吸引用户。

了解更多有关[增长小部件](https://respond.io/zh/help/workspace-settings/growth-widgets)的信息。

## 定价

您可以使用 respond.io 设置网站聊天小部件。 请[点击这里查看可用计划](https://respond.io/zh/pricing)。

## 捕获对话

客户必须首先向您的业务发送消息才能开始对话。

有几种方法可以鼓励客户访问您的网站以启动聊天：

* [聊天链接](https://respond.io/zh/help/quick-start/getting-contacts-to-message-you)：在电子邮件、新闻稿或名片上添加一个 URL，指向客户您的网站以开始聊天。
* [二维码](https://respond.io/zh/help/quick-start/getting-contacts-to-message-you)：可以在酒店、餐厅或商场等实体位置放置 QR 码。 当客户扫描该二维码时，他们将被引导至您的网站以开始聊天。
* 实时聊天：实时聊天选项允许您的客户实时获得帮助和答案 但是，为了确保您在实时聊天结束后仍能与客户联系，您需要从实时聊天对话中收集客户的联系信息。 有三种方法可以做到这一点：  
   * [聊天前表单](https://respond.io/zh/help/inbound-conversations/collect-contacts-emails-and-phone-numbers#use%5Fpre%5Fchat%5Fform%5Fon%5Fwebsite%5Fchat%5Fwidget)：在聊天开始前设置一个表单。 这将要求您的客户在开始聊天之前填写他们的联系信息。  
   * [Dialogflow 聊天机器人](https://respond.io/zh/help/dialogflow)：利用 Dialogflow 聊天机器人与访问者互动，并收集他们的信息。  
   * [工作流](https://respond.io/zh/help/inbound-conversations/collect-contacts-emails-and-phone-numbers)：创建一个工作流，提示客户提供他们的电子邮件或电话号码以供身份验证。

## 通道功能

这些是网站聊天小部件的功能：

* [支持的文件类型](https://respond.io/zh/help/website-chat-widget/website-chat-widget-overview#supported%5Ffile%5Ftypes)
* [消息状态可用性](https://respond.io/zh/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/zh/help/website-chat-widget/website-chat-widget-overview#capturing%5Fconversation)。 如果他们离开您的网站，您仍然可以通过 WhatsApp、电子邮件或 SMS 继续进行对话。 在 respond.io 平台与联系人连接时，您可以使用[频道切换器](https://respond.io/zh/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)

## 

相关文章 :woman\_technologist：

* [在Squarespace 上安装网站聊天小部件学习如何在您的 Squarespace 网站上安装Web 聊天小部件。 ](/zh/help/website-chat-widget/install-on-squarespace)
* [在 Joomla 上安装网站聊天部件学习如何在您的 Joomla 网站上安装 web 聊天小部件。 ](/zh/help/website-chat-widget/install-on-joomla)
* [在 Wix 上安装网站聊天小工具学习如何在您的Wix网站上安装网络聊天小部件。 ](/zh/help/website-chat-widget/install-on-wix)
* [在商店安装网站聊天小部件学习如何在您的店铺上安装 web 聊天小部件。 ](/zh/help/website-chat-widget/install-on-shopify)
* [在 WordPress 上安装网站聊天小部件学习如何在您的 WordPress 网站上安装网页聊天小部件。 ](/zh/help/website-chat-widget/install-on-wordpress)

找不到您正在寻找的东西？ 🔎

[联系客服支持](/zh/contact-us)

2025-12-05T04:06:46.579Z

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/zh/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/zh/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/zh/help/website-chat-widget/website-chat-widget-overview"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/zh/help","position":1},{"@type":"ListItem","name":"频道","item":"https://respond.io/zh/help/channels","position":2},{"@type":"ListItem","name":"网站聊天小部件","item":"https://respond.io/zh/help/website-chat-widget","position":3},{"@type":"ListItem","name":"网站聊天小部件概述","item":"https://respond.io/zh/help/website-chat-widget/website-chat-widget-overview","position":4}]}]
```
