◈ 网页端聊天组件

将每一次访问
转化为一次对话。

在你的网站中粘贴一行 <script> 代码,访客即可通过聊天气泡直接联系你。你可以随时用手机回复。支持 WordPress、Shopify、Webflow、Next.js、Astro 和纯 HTML 等任何能运行浏览器的站点。

Knocket 网页端聊天组件 —— 任何网站上的在线聊天
⚡ 一行安装
◈ 任意技术栈
◐ 自定义主题
✦ 无后端
网页端聊天组件。 一键安装。 任何技术栈。 在线聊天。 永久免费。 网页端聊天组件。 一键安装。 任何技术栈。 在线聊天。 永久免费。
◈ 安装过程

一行代码。任何网站。

从控制台复制标签。将其粘贴到任何页面的 </body> 之前。刷新页面。你就上线了——一个聊天气泡出现在角落,连接到你的 Knocket 收件箱和你的 Telegram。

你的代码片段携带一个唯一的 标识符 —— 从控制台的 安装 页面获取。你也可以在那里设置样式 —— 颜色、欢迎文字、在线状态设计、离线表单字段 —— 无需重新部署。

<!-- 在 </body> 之前粘贴 --> <script src="https://trtc.io/knocket-sdk/sdk.js"
?identifier=YOUR_IDENTIFIER
async></script>

// 就是这样。你已上线。
◈ 为你的网站量身打造

每一种网站
都需要一个沟通入口。

从餐厅和房地产到医疗保健等各个领域,访客都可以直接通过你的网站与你联系。

餐厅发现网站上的在线聊天组件
01 / 餐厅帮助客人找到他们下一个喜欢的地方。
房地产网站上的在线聊天组件
02 / 房地产在理想房源展示的同时回答问题。
医疗网站上的在线聊天组件
03 / 医疗保健在访客需要指导时及时响应。
非营利网站上的在线聊天组件
04 / 非营利组织将兴趣转化为真实的对话。
教练网站上的在线聊天组件
05 / 辅导让每一次咨询更加个性化。
时尚商店的在线聊天组件
06 / 时尚帮助购物者找到合适的商品。
◈ 聊天组件功能

界面小巧。
功能 一应俱全。

现代聊天组件用户期待的所有功能——无需企业级定价。

自定义主题与欢迎语

匹配你的品牌——颜色、圆角、欢迎文字。无需重新部署。

从 Telegram 回复

每条消息都会在不到一秒内通知 Telegram。支持手机端引用回复。

图片、视频、文件

屏幕截图、视频、文档——与 Telegram 端同步。

在线状态与离线表单

在线:脉动点。离线:引导表单收集电子邮件和消息。

自定义用户标签

传递 user_id, email, tags —— 同一用户跨页面和设备。

已读回执 + 消息撤回

双向 已读回执。撤回任一方误发的消息。

◈ 一处回复所有

每条消息都汇入同一个收件箱。

访客可以通过你网站上的聊天组件或联系主页上的聊天与你联系。两边的对话都会一起显示在你的 Knocket 收件箱中。

你的网站网页端聊天组件
你的联系主页内置聊天
Knocket收件箱在这里阅读并回复每条消息
◈ 无处不在

兼容任意技术栈
与 CMS。

只要浏览器能运行,聊天组件就能工作。一个标签,处处可用。

WordPress 插件或主题
✓ 支持
Shopify theme.liquid
✓ 支持
Webflow 项目设置
✓ 支持
Next.js _document.tsx
✓ 支持
Astro layout.astro
✓ 支持
React useEffect 加载
✓ 支持
Vue / Nuxt app.vue
✓ 支持
Wix 自定义代码嵌入
✓ 支持
Squarespace 代码注入
✓ 支持
纯 HTML </body>
✓ 支持
? 聊天组件常见问题

常见问题

安装是如何进行的?

在任何页面的 </body> 之前粘贴一个 <script> 标签。该聊天组件异步加载,以聊天气泡的形式出现在角落。从你控制台中的 安装 页面复制标签——它已经包含了指向你的 Knocket 账户的 identifier。

访客需要注册才能聊天吗?

无需注册。他们点击气泡即可开始输入。当你离线时,会显示电子邮件/电话表单——当你恢复在线时,同一会话将继续。

我可以自定义什么?

通过 Knocket 控制台:颜色、欢迎消息、在线状态样式、离线表单字段。更改实时生效 —— 无需重新部署。

用户可以发送图片或文件吗?

是的。图片、视频和文件——所有内容都会作为附件发送到你的收件箱和 Telegram 中。

阅读回执和消息撤回?

双向 已读回执 —— 你可以看到访客何时阅读了你的回复。消息 撤回 双向可用 —— 打错回复?在他们阅读之前撤回。

我能在收件箱中识别访客吗?

是的。在脚本标签上传递一个 data-user-id 属性,或者在登录后设置它。每条消息都会在该身份下跨会话关联。

◈ 添加在线聊天 · 60秒

一行代码。
任何网站。
立即开始使用。

获取你的句柄,在控制台中获取聊天组件代码片段。

免费使用

60 秒 · 无需银行卡 · 无套路