上个月,一位开小型房产中介的朋友给我打了个电话,说遇到了点麻烦。她每天要花两个小时回答网站访客反复问的那五个问题:“你们几点上下班?”“市中心你们做吗?”“怎么看房预约?”等等。她想弄个聊天机器人,但咨询的每家外包公司报价都在 5000 美元以上。我告诉她,我自己研究研究,试着做一个。
我之前听同事提过 Voiceflow,他老在我们的 Slack 频道里说这个。我就想着花个周末随便捣鼓一下。结果那个周末我直接彻底陷进去了,等到了周日晚上,我已经把一个能用的聊天机器人部署到了她的网站上。下面就是我的具体操作过程,包括踩过的坑。
让我走上这条路的问题
我朋友的这种情况太常见了。小企业每天都在重复回答客户的常规问题上浪费时间和金钱。他们需要一个对话助手,能处理日常问题,能从公司专属的知识库里提取信息,遇到复杂情况还能转给人工。问题在哪呢?大多数聊天机器人平台要么要求你会写代码(这直接把大部分小企业主劝退了),要么就是把你死死框在刻板的模板里,一旦你需要点自定义逻辑,这些模板就歇菜了。
Voiceflow 把自己定位成两者之间的折中方案:一个可视化的无代码聊天和语音助手搭建工具,同时又有足够的深度让你做出真正实用的东西。一开始我还有点怀疑,但它的免费版允许搭建并部署一个助手,所以试一试也没什么损失。
第一步:创建项目
我在 voiceflow.com 注册了账号,然后进入了 creator.voiceflow.com,这才是真正的工作台。一进界面,就会看到一个控制面板,提示你创建一个新的助手。
我点击了 "New Agent",系统要求给它起个名字,还可以选择导入一个网址。考虑到朋友的房产中介,我把它命名为 "Horizon Realty Assistant"。平台还问我要不要从模板开始。Voiceflow 有一个提供预构建模板的市场,我挺想用那个客服模板的,但我想从零开始彻底摸透这个工具,所以我选择了空白起步。
第一个惊喜: 创建新项目时,Voiceflow 并不会给你一个空白画布。它会把你带到一个画布上,上面已经放好了一个绿色的 "Start" 节点。每个对话都是从这里开始的。刚开始有点摸不着头脑——它没有自动弹出的“hello world”新手教程。你面对的就是一个画布和一个满是各种模块的侧边栏。
第二步:搭建第一个流程
Voiceflow 里的核心构建块叫做 "step"(步骤)。步骤就是你可以拖到画布上并连接起来形成对话流的单个节点。侧边栏把它们分成了几类:Visual(视觉)、Logic(逻辑)、AI 等。
我先从简单的来。我拖了一个 Text step(文本步骤) 到画布上,把它和 Start 节点连起来。在这个步骤里,我输入了问候语:
“嗨!我是 Horizon Realty 的助手。我可以帮您查看房源、预约看房,或者帮您联系房产经纪人。今天有什么我可以帮您的吗?”
接下来,我需要获取用户的实际需求。我拖入了一个 Buttons step(按钮步骤),它会向用户展示可点击的选项。我创建了三个按钮:
- "View Listings"(查看房源)
- "Schedule a Viewing"(预约看房)
- "Talk to a Realtor"(联系经纪人)
每个按钮都会从该步骤分出一条独立的路径。这就是 Voiceflow 开始大放异彩的地方——你可以直观地看到对话树在画布上如何分支。这种满足感是写代码时的 if/else 语句永远给不了的。
踩坑 1: 我一开始忘了设置当用户点了按钮却没找到所需内容时会发生什么。对话设计里的“死胡同”是个大问题。用户一碰壁,直接就走了。我不得不回过头去,在每个分支的终点都加了一个“返回起点”的循环。
第三步:添加知识库
按钮非常适合结构化导航,但如果有人输入了开放式问题,比如“Riverside 区域有没有 1500 美元以下的两居室?”这时候就要用到 Voiceflow 的知识库功能了。
我上传了一份朋友当前房源的 PDF 文件,以及一份包含常见问题(营业时间、服务区域、价格结构)的文档。Voiceflow 会处理这些文档,让助手可以检索里面的内容。
为了把知识库连进来,我使用了 AI Response step(AI 响应步骤)。这个步骤可以让你配置助手使用知识库来回答问题。你可以设置一个系统提示词来规定助手的行为。我的提示词是这样的:
“你是 Horizon Realty 的热心房产助手。仅根据提供的知识库回答问题。如果不知道答案,就说不知道,并主动提出帮用户联系经纪人。回答要简洁友好。”
踩坑 2: 我一开始的系统提示词写得太宽泛了。助手开始“幻觉”,编造文档里根本没有的房源细节——瞎编价格和地址。加上“仅根据提供的知识库回答问题”和“如果不知道答案,就说不知道”之后,幻觉现象大幅减少。提示词工程在这里太重要了。
第四步:用变量和条件添加逻辑
我朋友希望机器人在预约看房前,先问用户的邮箱。这就需要用到条件逻辑——我原以为在无代码工具里搞这个会很头疼。
其实不然。我用了一个 Set Variable step(设置变量步骤) 来捕获邮箱,然后用了一个 Condition step(条件步骤) 来检查输入是否合法(是否包含“@”符号)。如果合法,流程就进入确认消息;如果不合法,就循环回去让用户重新输入。
Voiceflow 里的变量可以是 local(局部变量,仅在当前流程内有效),也可以是 global(全局变量,在整个助手中均可调用)。我把邮箱设成了全局变量,因为我想在后续对话转给人工时还能用到它。
第五步:连接外部工具
到这里,事情就开始进阶了。我朋友用 Calendly 来预约看房。Voiceflow 有一个集成生态系统,通过它的 API 步骤,我搭出了一个工作流:机器人先收集用户偏好的日期和时间,然后生成一个 Calendly 的预约链接。
我使用了 API step(API 步骤) 向 Calendly 的 API 发送请求。Voiceflow 允许你把响应数据映射到变量上,所以我就能提取出预约链接,用一条整洁的消息发给用户。我花了大概两个小时才搞定这一步,主要是因为我得去摸清 Calendly 的身份验证流程。Voiceflow 本身操作很简单——就是填填 URL、请求头和请求体字段。
第六步:测试与部署
Voiceflow 在画布右侧有一个内置的测试面板。你可以直接在那里跟你的助手聊天,实时看到哪些步骤正在被触发。这个功能太宝贵了。我在测试时抓到了三个断掉的路径——都是我忘了把某个步骤连回主流程的地方。
至于部署,我用了 Voiceflow 的 Webchat(网页聊天) 小组件。它会生成一小段 JavaScript 代码,你直接嵌到网站的 HTML 里就行。我朋友用的是 WordPress,所以我通过她主题里的自定义 HTML 块把它装上了。这个小组件是可以定制的——你可以更改颜色、头像和问候语,以契合你的品牌调性。
整个部署过程大概也就花了十分钟。
我的实战经验
先搞知识库,再画流程图。 我在上传任何文档之前就建了错综复杂的对话路径,结果最后重写了一半。等你摸清了助手到底能根据你的数据回答出什么问题,流程设计就会清晰得多。
测试每一条路径,尤其是报错路径。 测试一切顺利的“快乐路径”很容易。但很难想到当有人在邮箱栏输入乱码,或者问了知识库里完全没有的奇葩问题时会发生什么。而这些边缘场景,恰恰是最让用户抓狂的地方。
卡壳时多看看模板市场。 我搭好第一个助手后,去逛了逛模板市场,发现了一个线索资格审查的流程,比我搭的优雅得多。我没直接用它,但它给了我重构自己流程的灵感。
加入 Discord 社区。 我在搞 Calendly 集成时卡了一个小时,后来 Voiceflow Discord 社区里的人给我指了一个社区做的模板,专门处理身份验证流的,直接帮我省了几个小时的抓狂时间。
实话实说的局限性
Voiceflow 并非完美。免费版限制你只能上传两个知识库文档,每月 10 万次 API 调用,这对流量大的网站来说可能有点紧。可视化画布很容易变得杂乱——我的房产机器人大概有 30 个步骤,要在连来连去的线里导航已经有点费劲了。我简直不敢想象,如果不使用组件(Voiceflow 里相当于函数/子程序的概念)来精心组织,要怎么管理一个 200 步的助手。
API 步骤需要你懂 REST API 是怎么回事。说它“无代码”是因为你不用写代码,但你绝对需要具备关于请求头、请求体和 JSON 响应的技术常识。如果你以前从没跟 API 打过交道,这会是一个很陡的学习曲线。
另外,助手的性格好坏完全取决于你的提示词。我花了整整一个晚上的时间迭代系统提示词,才把语气调对——专业但不死板,热心但不啰嗦。这事儿没有捷径,只能不断试错。
最后的想法
对于我朋友的使用场景来说,Voiceflow 简直太合适了。现在她网站上有了一个 24 小时处理日常问题、预约看房、收集潜在客户信息的聊天机器人。我只花了一个周末就搭好了,等房源有变的时候,她自己就能编辑知识库。免费版完全够她现在的流量用,如果以后需要扩容,付费计划的价格也远比外包公司收的要低得多。
如果你想搭一个对话助手又不想写代码——或者哪怕你会写代码,但想更快地出原型——Voiceflow 绝对值得好好看看。只是你要明白:“无代码”并不意味着“不用动脑子”。最费劲的工作在于设计对话、打磨提示词和测试边缘场景。这个工具只是让落地实现变快了而已。