将 HelpScout 聊天小部件集成到 Discourse 平台

:bookmark: 本指南介绍如何将 HelpScout 聊天小部件添加到您的 Discourse 站点,使用户能够与您的团队发起一对一聊天。

:person_raising_hand: 所需用户级别:管理员

摘要

本指南将引导您完成将 HelpScout 聊天小部件集成到您的 Discourse 站点的过程。此集成使用户能够与您的团队开始直接对话,从而增强用户支持和参与度。

设置 HelpScout

  1. https://www.helpscout.com/ 创建一个帐户
  2. 完成设置帐户和邮箱的步骤
  3. 点击 Set Up Beacon(设置信标)

  1. 配置您的 Beacon 设置

  1. 使用 Copy(复制)按钮复制提供的脚本

将 HelpScout 小部件添加到 Discourse

  1. 导航到您的 Discourse 管理面板,然后进入 Themes & components(主题和组件)(位于管理侧边栏的 Customize(自定义)部分下)
  2. 点击 Install(安装)
  3. 在安装模态框中,选择 Create new(创建新)选项卡
  4. 输入组件的名称(例如,“HelpScout Chat Widget”),将 Type(类型)设置为“Component”,然后点击 Create(创建)
  5. 选择您希望添加新组件的主题以激活它
  6. 点击 Edit Code(编辑代码)

  1. 转到 common > <html> 选项卡
  2. 粘贴您之前复制的 HelpScout 脚本
  3. 点击 Save(保存)

配置 Discourse 站点设置

  1. 在您的 Discourse 站点设置中,搜索“content security policy script src”(内容安全策略脚本源)
  2. 将以下 URL 添加到允许列表中:
    • https://beacon-v2.helpscout.net/

验证集成

  1. 返回您的 Discourse 主页
  2. 您现在应该在右下角看到聊天图标,访客和注册用户都能看到
    • 如果没有看到图标,请对站点执行硬刷新

使用 HelpScout 聊天小部件

集成后,您的用户可以与您的团队发起一对一聊天:

您可以从 HelpScout 仪表板和邮箱中访问和回复收到的消息。

9 个赞