开始使用 · 使用指南

在网站安装并验证聊天组件

适用于能够编辑网站模板、添加脚本或配置建站平台插件的团队。完成后,应能从网站发送一条消息,并在对应工作空间看到这条会话。

01

开始前准备

确认你能访问正确的工作空间,也能修改网站。先记录网站地址、负责发布的同事和准备接收消息的成员。

  1. 核对工作空间名称与 Website ID,避免把测试环境连接到其他团队。
  2. 确认网站允许加载自定义 JavaScript;使用建站工具时,先检查当前套餐的脚本权限。
  3. 选择一个测试页面,准备发布后的检查清单。
02

添加安装配置

在 Crisp 的 Settings → Workspace Settings → Setup & Integrations 中找到 Chatbox setup instructions,取得完整安装脚本。

  1. 将脚本加入网站共享模板,通常放在结束 head 标签前。
  2. 确保需要聊天入口的页面都使用该模板。
  3. 单页应用应在应用初始化时加载一次,避免每次页面切换重复注入。
03

完成一次真实会话验证

  1. 发布网站并打开一个新的浏览器窗口。
  2. 检查聊天入口是否出现,输入一条能识别为测试的消息。
  3. 在目标工作空间确认会话、页面地址与消息内容。
  4. 从工作空间回复,再回到网站检查回复是否到达。

网站上出现入口只是第一步;消息往返都成功,才算完成本次验证。

04

入口不显示时怎么排查

  1. 确认最新模板已发布,并清理站点或 CDN 缓存。
  2. 检查脚本是否完整、Website ID 是否正确。
  3. 换一个浏览器窗口,排除扩展或网络拦截。
  4. 如果只在部分页面失效,检查这些页面是否使用同一模板。

继续阅读

第一次使用:从工作空间到第一条回复在产品中定制聊天组件的交互建立清晰的会话分配与团队协作流程
资料来源与内容说明

本文按使用任务组织步骤,产品事实参考 Crisp 对应资料;流程检查、示例和实施建议由本站整理。资料地址仅作为来源记录,文章内容在本站完整展示。

https://help.crisp.chat/en/article/how-to-install-crisp-live-chat-software-on-a-custom-website-10wcj3l/

资料核对日期:2026 年 11 月 11 日。

返回顶部 ↑

下一次更好的客户体验,从现在开始

给团队更好的工具,
给客户更好的回应。

14 天免费试用 · 无需绑定信用卡

想了解什么?

搜索本网站的产品与内容

了解 Crisp

视频由 Vimeo 提供。在新窗口观看 ↗

与 Crisp 团队聊聊

了解产品如何融入你的业务流程,探索适合团队的服务方案。

整理演示需求

在站内说明你的团队场景与希望了解的功能。

Cookie 与外部内容

本网站不使用营销或分析 Cookie。CMS 使用必要的会话和语言 Cookie;站内搜索和套餐推荐在本地完成。

播放视频时会加载外部播放器。在线咨询由本站后台接收;登录和注册由对应业务服务完成。

Crisp
免费开始使用
找到适合你的 Crisp