51Kefu 插件预览
Widget Preview
实时预览 云托管 控制台 Dashboard 官网 Website

插件预览 Widget Preview

像客户一样体验聊天插件。

这里加载的是与生产环境相同的插件,您可以测试 AI 回复、人工转接、品牌外观,确认一切就绪后再发布。

AI 自动回复 人工接管 引导提示 品牌定制
  • API base: https://api.51kefu.com
  • Widget token: dchat-prod-2026
  • 启动器应出现在右下角,并按照保存的模板和样式显示。
  • 在这里测试常见问题、引导提示、人工转接和对话重开。
品牌外观 启动器、欢迎词和聊天面板应该像网站的一部分,而不是临时插入的工具。
客服信心 每个流程都应该精致到可以直接展示给客户。
10 套模板 客服、销售、入职、金融、医疗等场景。
2 种 AI 模式 使用自己的 GPT Key 或 51Kefu 托管 Key。
1 个统一收件箱 AI 回复、人工转接、路由和历史记录集中管理。

实际场景

在真实页面中验证插件效果

这里模拟了插件实际出现的页面环境,让您判断风格、间距和转接流程是否协调。

customer-site.example
AI-first support
Help visitors move from question to answer without losing the human option.

This mock shell exists to give the widget launcher a believable page context while you test starter prompts, welcome copy, and escalation timing.

Fast first response Let AI greet the visitor immediately and keep humans free for exceptions.
Clean escalation Ask for a person or trigger a routing rule to move the thread into the team queue.
Shared transcript The conversation stays intact across AI replies, handoff, resolve, and reopen states.

Embed

Drop this on the site

<script src="https://widget.51kefu.com/loader.js"
                    data-api="https://api.51kefu.com"
                    data-widget-token="dchat-prod-2026"></script>

Use the same token and API base shown above when you move from preview into a real embed context.

Suggested test path

Quick end-to-end pass

  1. Start a new thread from the widget launcher.
  2. Confirm the AI answer lands first.
  3. Ask for a human or trigger a routing keyword.
  4. Reply from the dashboard and watch the widget transcript refresh.