跳到内容
请注意::本文仅为方便您阅读而提供。本文由翻译软件自动翻译,可能未经校对。本文的英文版应被视为官方版本,您可在此找到最新信息。您可以在此处访问。

创建即时聊天

上次更新时间: 2025年8月22日

可与以下任何订阅一起使用,除非另有说明:

所有产品和计划

创建带有即时聊天功能的聊天流程,让游客与团队成员直接联系。即时聊天会以小工具的形式出现在您的网站页面上,游客可以在这里与您团队中的某个人开始实时对话。

例如,您可以创建一个即时聊天,将定价页面上的游客与销售团队成员联系起来,或创建另一个即时聊天,将知识库文章上的游客与支持团队成员联系起来。

了解有关创建客户代理基于规则的聊天机器人的更多信息。

需要权限 创建和编辑聊天流需要聊天流权限



live-chat-widget

您还可以为 Facebook Messenger 帐户创建即时聊天。了解如何为 Facebook Messenger 创建聊天流程

设置聊天窗口小部件

如果这是您第一次创建即时聊天流程,系统会提示您设置聊天窗口小部件。自定义团队的可用性、聊天流程行为和外观。如果您已经设置了聊天窗口小部件,请学习如何创建聊天流

此外,如果您要将即时聊天添加到非 HubSpot 托管的网站上,您需要在创建即时聊天前 将跟踪代码添加到外部页面。如果没有安装跟踪代码,即时聊天就不会显示。

  1. 在 HubSpot 帐户中,导航到服务 > 聊天流
  2. 在右上角点击创建聊天流
  3. 选择网站
  4. 如果这是您第一次创建聊天流,则需要设置聊天窗口小部件。在对话框中,单击设置聊天
  5. 在 "显示"选项卡上,选择强调色。
  6. 单击下一步
  7. 聊天流程选项卡上,自定义聊天名称和行为:
    • 单击聊天标题下拉菜单,选择要显示在聊天窗口小部件上的名称头像
    • 在文本框中输入欢迎信息
    • 单击将收到的票单分配给下拉菜单,选择要将票单分配给哪些用户和团队。
  8. 单击下一步
  9. 在 "可用性"选项卡上,设置您的团队何时可以聊天,并让游客知道何时可以收到回复。选择可用性选项:
    • 基于用户可用性:如果在分配规则中指定的至少一名团队成员可用,游客就可以与您的团队聊天。
  10. 基于聊天工作时间:设置您的团队可以聊天的一致日期和时间。如果您正在创建机器人,请了解如何根据收件箱设置自定义机器人的可用性首选项使用下拉菜单设置团队的可用性。单击 + 添加时间可添加其他日期和时间范围。
  11. 聊天全天候可用:如果您的团队总是可以聊天,请选择此复选框。
  12. 设置聊天流程的可用性行为,让游客知道何时可以收到回复。选择一个选项:
    • 要在团队可用时显示聊天,请单击可用选项卡。单击显示典型回复时间下拉菜单,让游客知道何时会有回复。
    • 要在团队上班时间外出时显示聊天,请单击外出选项卡。单击显示离开消息下拉菜单并选择小工具行为
    • 要在团队不在时显示聊天,请单击设置离线行为选项卡下拉菜单,选择显示返回时间、显示离开消息或在游客非工作时间访问您的网站时隐藏聊天启动器。
    • 要设置游客在团队达到最大容量时的体验仅限Service Hub Enterprise),请单击 "如果所有团队成员都达到最大容量,则"下拉菜单并选择显示等待消息、隐藏聊天启动器或不做任何操作。了解有关为用户配置聊天容量限制的更多信息。
  13. 单击下一步
  14. 使用预览上方的设备类型按钮预览聊天窗口小部件在不同设备上的显示效果。
  15. 点击发布,如果您在外部网站上使用聊天窗口小部件,则需要在网站页面上添加 HubSpot 跟踪代码

创建聊天流

  1. 在 HubSpot 帐户中,导航到服务 > 聊天流
  2. 在右上角,点击创建聊天流
  3. 选择网站
  4. 工作区页面
    • 单击下拉菜单选择收件箱服务台 您只能选择已连接频道的收件箱。了解有关 将频道连接到收件箱的 更多信息
    • 要将聊天流程的语言从英语改为其他 语言,请单击 "选择语言"下拉菜单并选择其他 语言
    • 单击下一步
  5. 聊天流程页面,选择即时代理
  6. 知识库页面,您可以在即时聊天中添加知识库浏览搜索栏。打开启用知识库搜索开关,然后单击知识库下拉菜单选择或创建知识库。进一步了解即时聊天中的知识库浏览和搜索
  7. 单击创建

配置聊天流设置

创建聊天流后,您会被引导到聊天 选项卡,在这里您可以自定义即时聊天行为,并创建欢迎消息来迎接游客。

如果您想在单页应用程序中嵌入聊天窗口小部件或使用 API 自定义即时聊天,请在 HubSpot 的开发者文档中了解更多有关使用HubSpot 对话 API 的信息。

请注意: 如果您想在单页面应用程序中嵌入聊天小工具或使用 API 自定义即时聊天,请在 HubSpot 的开发者文档中了解更多有关使用HubSpot 对话 API 的信息。

分配

  • 要将传入的对话路由到特定团队成员,单击自动分配对话 展开该部分,然后单击 打开自动分配对话 开关。使用下拉菜单 选择将对话分配给哪些用户或团队。了解有关在会话收件箱 帮助台中设置路由规则的 更多信息。

请注意:只有已分配销售枢纽 服务枢纽付费 席位的用户才能包含在您的路由规则中。

个性化

  • 要自定义游客第一次开始聊天时显示的消息,请单击欢迎消息 展开该部分,然后在写欢迎消息文本框中输入文字。了解有关更改欢迎信息语言的更多信息。
  • 要指定何时要求游客提供电子邮件地址,请单击电子邮件捕获 展开该部分。单击 要求游客提供电子邮件地址 下拉菜单并选择一个选项,然后输入游客被要求提供电子邮件地址时要显示的信息。

显示

  • 单击展开选择聊天头像部分,然后单击聊天标题 下拉菜单,选择要显示在聊天窗口小部件上的名称和头像。
    • 自定义品牌: 显示通用团队名称和图片。
      • 单击 add 加号图标 上传图片或 GIF,然后输入要显示的名称
      • 要在整个聊天对话中应用自定义品牌而不是用户名和头像,请选择在整个对话中使用自定义品牌作为代理的别名 复选框。自定义品牌也会出现在聊天副本中。
      • 聊天显示行为 部分,控制窗口小部件在桌面或移动屏幕上的行为。

请注意: 如果游客选择最小化聊天流程,HubSpot 将在页面和聊天流程中尊重游客行为,直到hs-messages-hide-welcome-messagecookie 在 24 小时后过期。这可能会与您的聊天显示行为设置冲突,因此您的聊天流可能无法按预期弹出。

    • 桌面 选项卡上,选择首选显示行为:
      • 弹出欢迎信息作为提示:在聊天窗口小部件上方显示欢迎信息预览。
      • 只显示聊天启动器: 只显示聊天启动器,游客必须单击才能打开聊天窗口。
      • 显示欢迎消息,然后在触发时弹出聊天窗口: 显示欢迎消息预览,并在触发时或游客点击窗口小部件时(以先到者为准)打开聊天窗口小部件。
    • 根据选择的显示行为,您还可以决定何时在页面上加载聊天窗口小部件。选择聊天显示触发器旁边的复选框 。所选触发器将适用于台式机、平板电脑和手机。
      • 退出意图: 当游客的鼠标移向浏览器窗口顶部时触发即时聊天小工具。
      • 页面停留时间(以秒为 单位)当游客停留在页面上超过指定时间(以秒为单位)时触发即时聊天小工具。

请注意:为了加快页面加载速度,HubSpot 建议延迟 5 秒或更长时间。了解有关网站页面加载时间的更多信息。

      • 页面滚动百分比: 当游客在页面上滚动到某一点时触发即时聊天小工具。
    • 在 "移动 "选项卡上,选择首选显示行为:
      • 作为提示弹出打开欢迎信息:在聊天窗口小部件上方显示欢迎信息预览。
      • 只显示聊天启动器: 只显示聊天启动器,游客必须单击才能打开聊天窗口。

        chat display behavior

请注意: 要在移动设备上禁用聊天流,您可以在目标设置中添加排除规则,当有人在移动设备上查看您的页面时隐藏聊天流。


  • 要继续,请单击底部的保存 ,然后单击知识库 选项卡。

打开知识库浏览和搜索仅限Service Hub 专业版企业版)

知识库选项卡上,您可以为即时聊天添加帮助选项卡,允许游客浏览和搜索知识库文章:

  • 打开启用知识库搜索开关。
  • 单击知识库下拉菜单,选择现有知识库
  • 要创建知识库,请单击添加知识库并按步骤操作。了解在HubSpot中创建知识库的更多信息。
  • 要继续,请单击底部的保存 ,然后单击目标 选项卡。

设置目标规则

目标 选项卡上,您可以决定即时聊天小工具在网站页面上的显示位置。您可以在游客访问特定页面 URL 时显示即时聊天小工具,也可以根据游客的已知信息显示即时聊天小工具。您还可以组合定位选项,为网站游客创建量身定制的个性化体验。进一步了解聊天流程中使用的不同定位选项和定位规则

  • 要在游客访问特定网站 URL 时显示即时聊天小工具,请在网站 URL 部分:
    • 单击第一个下拉菜单 并选择网站 URL
    • 单击第二个下拉菜单 并选择目标规则
    • 在文本字段中输入规则标准。houdi
  • 要在游客访问 URL 包含特定查询参数的网站页面时显示即时聊天小工具,请执行以下操作
    • 单击第一个下拉菜单 并选择查询参数。
    • 在第一个文本字段中输入 查询参数名称
    • 在第二个文本字段中,输入查询参数值

      query param-1
  • 要添加另一条规则,请单击添加规则
  • 要从某些页面(如隐私政策页面)排除即时聊天窗口小部件,请单击 添加排除规则

您还可以根据已知的联系人信息将即时聊天定向给特定联系人。要根据游客信息设置标准,请参阅游客信息和行为部分

  • 单击第一个下拉菜单 并选择过滤器。您可以使用专门针对已知联系人或未知游客的过滤器。
  • 单击第二个下拉菜单并选择标准
  • 要添加另一条规则,请单击添加规则
  • 要排除某些页面(如隐私政策页面)上的弹出表单,请单击 添加排除规则
  • 要创建另一个包含其他目标规则的过滤组,请单击添加过滤组target-based-on-visitor-behavior
  • 如果你在目标定位规则中设置了多个过滤组,请进一步了解目标定位规则中的和/或逻辑是如何工作的
  • 要继续,请单击底部的保存 ,然后单击选项选项卡

管理聊天流选项

选项选项卡 上,自定义即时聊天的语言、默认票单属性以及数据隐私和同意设置。

请注意: 创建新聊天流程时,同意收集聊天 cookie 同意处理数据 设置默认为打开。要更改这些设置,请学习如何编辑即时聊天的数据和隐私选项

  • 要自定义即时聊天创建的票单属性,请单击为该聊天流程设置票单属性
    • 在右面板中单击下拉菜单,为每个属性选择一个值。
    • 要添加其他属性,请单击添加另一个聊天记录属性
  • 创建新聊天时,Cookie 同意默认为打开。要关闭此设置,请打开同意收集聊天 Cookie 开关
  • 如果 Cookie 同意已打开,请选择何时显示同意横幅:
    • 要在游客开始聊天前显示同意横幅,请选择在游客开始聊天前显示同意横幅
    • 要在游客开始离开页面时显示同意横幅,请选择在退出时向游客显示同意横幅
  • 同意收集聊天 cookie 文本字段中,您可以编辑文本来解释 cookie 的使用方式。要恢复默认文本,请单击重置为默认。

chatflows-consent-to-collect-chat-cookies

请注意: 同意收集 cookie 的数据隐私设置不会在聊天窗口小工具中显示给通过游客识别 API 确定身份的游客。这是因为 HubSpot 不会丢弃messagesUtk cookie。分析 cookie 横幅不会受到影响。在 HubSpot 的开发人员文档中了解有关访客识别 API的更多信息。

  • 创建新即时聊天时,同意处理数据设置默认为打开。要关闭此设置,请切换同意处理数据开关。
  • 如果 同意处理数据设置已打开,请单击同意类型 下拉菜单并从以下选项中选择:
      • 要求明确同意:访客需要点击我同意 才能发送信息。
      • 合法利益:游客开始与您聊天时即暗示同意。同意处理数据文本仍会显示,但他们无需单击我同意 即可开始聊天。
    • 处理同意 文本字段中,将显示 HubSpot 的默认文本。您可以编辑文本,解释为什么需要存储和处理游客的个人信息,并添加隐私政策链接。要恢复默认文本,请单击重置为 HubSpot 提供的默认文本chatflows-consent-to-process-data
    • 要在游客开始与您聊天时选择订阅类型,请打开同意通信 开关。
      • 单击订阅类型 下拉菜单,选择要让游客加入的 订阅类型
      • 复选框标签文本字段中,将显示 HubSpot 的默认文本。该文本将根据您的账户默认值进行个性化设置,按以下顺序使用第一个可用值中的一个:公司名称账户名称公司域名。了解有关编辑账户默认设置的更多信息。
      • 您可以编辑文本,告知客户他们同意接受哪种类型的通信,并添加隐私政策链接(如适用)。要恢复默认文本,请单击重置为默认文本。

      chatflows-consent-for-communciations

请注意:虽然HubSpot具有这些功能,但您的法律团队是为您的具体情况提供合规性建议的最佳资源。

chatflows-marketing-contacts

  • 您可以在聊天窗口小工具中发送客户满意度调查。聊天对话结束后,调查会显示在聊天窗口小部件中。收集到调查回复后,它们会出现在调查详情页和对话收件箱或帮助台的线程中。
    • 收集聊天游客反馈部分,单击连接现有调查问卷 下拉菜单并选择调查问卷

请注意:您只能连接已选择聊天 作为交付方式的现有调查。

chatflows-feedback

    • 要创建连接到机器人的新调查问卷,请单击创建新调查问卷,并确保选择聊天 作为交付方式。
  • 单击保存

审核并添加即时聊天到您的网站页面

完成即时聊天设置后,在右上角单击预览 查看即时聊天在网站上的显示效果。单击 打开开关,将其添加到网站页面。如果您已经准备好与网站游客聊天,请学习如何在会话收件箱帮助台 回复收到的消息

enable-chatflow

编辑聊天流程

  1. 在 HubSpot 帐户中,导航到服务 > 聊天流
  2. 创建新聊天流程,或将鼠标悬停在现有聊天流程上,然后单击编辑
  3. 在 "构建"、"目标"、"显示"和 "选项 "选项卡之间导航,编辑聊天流。
  4. 完成后,点击 左下角的保存
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助