Menu

Crisp 集成

Crisp 是一款强大的在线客服聊天工具，主要用于：

  • 实时聊天：与访客进行即时在线沟通
  • 客服支持：为用户提供快速的技术支持和问题解答
  • 访客追踪：查看访客的浏览行为和访问路径
  • 多渠道整合：支持邮件、Messenger、WhatsApp 等多渠道消息整合

NEXTY.DEV 模板通过 components/support/CrispChat.tsx 组件集成 Crisp Chat Widget，为你的产品提供开箱即用的客服支持功能。

步骤

  1. 访问 Crisp 并注册账号
  2. 登录 Crisp 后台，创建一个新的 Website 或进入已有 Website
  3. 打开 Settings → Website Settings → Setup instructions
  4. 在页面中找到 Website ID（一串 UUID 格式的字符串）
  5. 将 Website ID 粘贴到环境变量 NEXT_PUBLIC_CRISP_WEBSITE_ID
.env
NEXT_PUBLIC_CRISP_WEBSITE_ID="your-crisp-website-id"

自定义配置

Crisp 提供了丰富的自定义选项，你可以在 Crisp 后台进行以下配置：

  • 外观定制：修改聊天窗口的颜色、位置、语言等
  • 自动消息：设置欢迎语和自动回复规则
  • 工作时间：配置在线客服时间和离线提示
  • 快捷回复：创建常用回复模板提高效率

验证

完成配置后，访问你的网站，你应该能看到页面右下角出现 Crisp 聊天气泡。点击气泡即可开始对话。

你也可以在 Crisp 后台的 Inbox 中查看和回复访客消息。