所有博客

将人工智能助理添加到您的网站:完整的知识指南

10 分钟阅读
May 20, 2026
The Complete Knocket Guide.png

Knocket + AI客户支持技能能为您做什么

想象以下场景:

 您建立了一个个人博客或作品集网站,有时人们想要联系您,但您不想公开您的电话号码。

 您经营独立在线商店,顾客想询问价格或运输,但您无法24小时坐在电脑前。

 您的团队构建了一个内部工具,同事希望提供反馈,但您不需要完整的工单系统。

 您使用AI生成了一个落地页或项目网站,但是一旦访客到达,就没有办法与他们互动。

Knocket解决了让访客联系您的问题——在您的网页中嵌入一行代码,一个聊天气泡将出现在右下角。

AI客户支持技能解决了您不在时由谁回复的问题——AI可以自动接收和回答访客消息,重要消息仍然可以推送到您的手机,以便您可以亲自回复。

将这两者结合在一起,您就得到了一个24/7的个人助手,帮助您关注您的网站,迎接每一位访客客。

使用案例

场景

如何使用

1. 个人助手

博客、作品集或简历网站→访客点击气泡与您聊天,AI在您离开时自动回复。

2. 内部协作

内部团队工具→嵌入Kn以收集反馈,让AI首先回答常见问题,并将复杂问题交给您。

3. 独立网站的客户支持

电商/SaaS/服务网站→AI自动回答客户问题,而您可以手机上查看事务。

4. 副项目

AI生成的网站→添加聊天入口,使产品感觉更人性化,而不仅仅是静态页面。

1. 安装Knocket(在您的网站上添加聊天气)

此步骤与AI无关。它仅仅在您的网站上添加实时聊天。大约需要5分钟。

步骤1:创建账户

 打开Knocket注册页面。

 注册一个账户。

 登录后,您将看到Knocket管理员控制台。

Register-Knocket.png

步骤2(可选自定义外观)

登录后,您将进入小部件自定义页面。您可以保持默认设置,也可以自行自定义:

 使气泡颜色与您的网站主题匹配。

 更改头像:上传您的标志或头像。

 上传会议链接:添加类似Calendly的预约链接。

 设置欢迎消息:访客打开气泡时看到的第一句话,例如:“嗨!我能帮您什么?”

所有设置均为拖放或点击,无需编码。如果需要,您随时可以配置更多设置。

步骤3:获取嵌入代码

点击“下一步”后,您将看到如下代码片段。复制此代码:

<script src="https://trtc.io/knocket-sdk/sdk.js?identifier=xxxx" async></script>

步骤4:将代码放入您的网站

找到您网站的HTML文件(通常是index.html),并将您复制的代码粘贴到</body>标签之前。

如果这听起来复杂,您可以告诉您的编码助手/代理:

帮我将这行放入<body>标签内:<script src="https://trtc.io/knocket-sdk/sdk.js?identifier=xxxx" async></script>并集成一个聊天小部件。

<!DOCTYPE html>
<html>
<head>
    <title>我的网站</title>
</head>
<body>
 
    <!-- 您现有的站点内容 -->
 
    <!-- 在这里粘贴Knocket代码 -->
    <script src="https://web.sdk.qcloud.com/im/knocket/knocket.umd.js?sdkAppId=您的_ID"></script>
 
</body>
</html>

步骤5:刷新页面并查看气泡

刷新您的网页。您现在应该会在右下角看到一个聊天气泡图标。

点击它→聊天窗口弹出→访客可以在这里发送消息→您可以在Knocket Inbox管理员面板中查看并回复他们。

到此为止,您的网站已经具备实时聊天功能!

但接下来出现了另一个问题——您无法24小时盯着Inbox等待消息正是AI客户支持部分解决的问题。

2.AI客户支持添加到Knocket

此步骤将利用您的编码助手/代理和我们提供的技能。将技能视为AI的插件——安装后,您的AI助手便知道如何帮助您设置自动回复。

2.1 它能做什么

安装AI客户支持技能后,您的Knocket工作流程变为:

2.2 通知通道的工作原理

AI客户支持流程可以自动回复访客消息,并使用Telegram作为通知通道:

 工作原理:顾客到达→您收到通知→您回复或让AI回复。

 AI如何加入流程:您最先收到通知。如果您在5分钟内没有回复→AI接管。如果每条客户消息都很重要,您希望亲自审查回复,这种方式很有效。

 您需要做什么吗?可选:在5分钟内在Telegram中回复。

 额外设置要求:一个Telegram Bot(大约需要3分钟)。

2.3 前提

在开始之前,请准备以下内容:

1. 准备您的AI编码助手

任何编码助手都可以工作(以下称为“代理”)。

2. 准备Google Chrome

您需要以特殊模式(称为远程调试模式)启动Chrome,以便AI能够在后台操作Inbox页面。

步骤:

 完全退出Chrome(确保没有背景Chrome进程仍在运行)。

 打开终端(在Mac上,按Command + Space,输入Terminal,然后按Enter),粘贴以下命令:

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222

 Chrome将重新打开。在地址栏访问 console并登录到您的Knocket账户。

 确保您能在Inbox中看到对话列表。

提示:每次重启后,您需要再次以这种方式启动Chrome。之后,您可以将其设置为开机时自动启动。

3. 准备AI API(用于生成回复)

AI客户支持流程需要一个大型语言模型来生成回复。您需要一个API。

提供商

备注

Anthropic (Claude)

推荐。高质量回复。

OpenAI (GPT)

也可以使用。

DeepSeek

在中国可用,且相对实惠。

任何其他兼容OpenAI的API

Hunyuan和类似提供商也可以使用。

您需要记录两件事:

 API基本URL

 API密钥

4. 准备您的Telegram Bot

您需要一个Telegram Bot以便接收通知。设置一个大约需要3分钟——如果您还还没有,代理将指导您完成。

2.4 安装AI客户支持技能

 下载技能:GitHub Knocket。如果您不知道如何手动下载,您可以直接让您的AI编码助手/代理为您下载它。

 在您的编码助手/代理的聊天框中输入:

Help me install the knocket-inbox-agent skill

或者简单地说:

我想为Knocket Inbox设置自动回复

然后就会进入一个多项选择流程——代理将逐步指导您完成。

代理会问您:

问题1:输入您的API信息

代理会询问您是否已经拥有LLM API。如果有,它会询问您的AI API基本URL和密钥。只需粘贴它们span>

问题2:Knocket Inbox页面是否已打开?

您已经在前提条件中准备好了这一点,因此可以选择A / 是。

问题3:您已经有Telegram Bot吗?

 →直接输入Token和聊天ID。

● →代理将逐步指导您创建一个(实际上只需约3分钟)。

然后启动运行!代理将为您完成所有技术配置并启动监控脚本。

2.5 日常使用

您的Telegram将收到如下通知:

新消息(约翰·史密斯):

嗨,我对您的设计服务感兴趣,价格是多少?您有两个选择:

选项1:直接在Telegram中回复

例如,您回复:

logo设计起价$3000,品牌套餐可按要求提供。

客户收到该消息,Telegram会告知您已回复

选项2:忽略

 如果您在5分钟内未回复,AI将自动生成回复。

 Telegram会告诉您AI自动回复:xxx

这感觉就像有一个私人助手在前台为您服务——您首先收到通知,如果您忙,助手将接管。

2.6 自定义AI回复风格

默认情况下,AI使用通用客户支持语气。您可以自定义它,使其听起来更像您。

在工作目录中创建一个config.toml文件(您的代理也可以为生成),并写入:

# Persona — 告诉AI它是谁
persona = "您是XX工作室的友好客户支持助理。温暖、礼貌和简洁。"
 
# Business context — 帮助AI理解您的业务
business_context = "我们主要提供品牌设计和UI设计服务,定价范围为人民币5000到50000元。"
 
# Reply rules — 限AI的行为
reply_rules = """
用中文回复,1-3个简短句子。
保持简洁。
关于价格,请说“我们需要根据您的要求评估而不是给出固定数字。
如果不确定,请说“我会帮助您联系一位队友。”
"""
 
# Knowledge base — 常见问答
knowledge_base = """
问:设计项目通常需要多长时间?
答:logo通常需要3-5个工作日。完整的品牌项目需要2-4周。
 
问:包括多少轮修改?
答:在您满意之前,修改次数不限。
 
问:您支持哪些支付方式?
答:支持支付宝、微信支付和银行转账。也可以分期付款。

2.7 常见问题

问:我需要额外付费吗?

Knocket本身是完全免费的。对于AI客户支持部分,您只需支付您的AI API使用费用。

问:我需要服务器吗?

不需要。整个设置在您的计算机(Mac或Linux)上运行,使用您的本地Chrome浏览器。

问:如果我的电脑关机,AI还会回复吗?

 不需要。该脚本需要您的计算机和Chrome保持开启才能工作。如果您想要24/7运行,可以:保持Mac开启并插上电源

 使用一台专用的空闲计算机来处理这项工作流程

 或使用基于云的编码代理环境

问:这会影响我正常使用电脑吗?

完全不会。该脚本在后台安静地运行。没有弹出窗口,没有占用焦点,没有干扰。您可以正常使用计算机,而它在后台静静地监视Inbox。

问:我不会编码。我还可以使用它吗?

绝对可以。整个过程基本上就是回答一些设置问题和填写一些信息。AI会为您处理所有技术细节。

问:如果AI发送不当回复怎么办?

在AI回复之前,您首先会收到通知,并有5分钟的时间亲自回复。如果您不回复,AI才会接管。最糟糕的情况是登录Inbox动发送更正。

问:支持哪些操作系统?

目前支持macOS和Linux。Windows目前不支持(因为Chrome CDP启动方式不同)。

问:我如何停止AI客户支持流程?

只需您的代理:“帮助我停止客户支持监控”,或者在终端中运行以下命令:

ps aux | grep telegram_human | grep -v grep
kill <PID>

2.8 它是如何工作的(简单版本)

您不需要了解技术细节即可使用,但如果您感兴趣:

 完全在后端运行——没有弹出窗口,没有占用焦点,没有干扰工作

 没有重复处理——每条消息都有一个“签名”,处理过的消息不会被再次处理

 自动故障容忍——如果网络中断,它会自动重新连接;如果页面处于休眠状态,它会自动刷新

立即开始

1.  注册Knocket(免费)

2.  下载AI客户支持技能 — 您也可以给链接发送给您的AI助手,并要求它为您下载和安装

3. 告诉您的AI:“我想为Knocket设置自动回复。”

有问题吗?请随时联系。