当前位置: 首页 > news >正文

企业电话交换机配置在线聊天功能安装文档

IPPBX 3CX LiveChat 实时聊天配置流程

3CX Live Chat 介绍

3CX 在线聊天用于网站访客与企业的实时沟通。访客可以通过网页发送消息,或直接发起语音和视频通话,与企业工作人员交流问题、咨询信息或协调服务,支持多种互动方式,实现即时沟通和信息传递。企业电话交换机3CX和在线聊天整合的示意图
它通过 WebRTC 技术实现语音连接,无需安装插件或拨打电话。下面是具体的配置文档,请首先安装好3CX电话交换机系统,然后进入到如下界面。

步骤 1:在 3CX 中添加 LiveChat 实时聊天

在 3CX 中添加实时聊天

  1. 登录您的 3CX 网页客户端并导航至 “管理员” > “语音和聊天”,然后点击 “+ 添加实时聊天”。
  2. 在 “目的地” 字段中,指定您要将实时聊天消息和呼叫发送到的分机或队列。聊天将根据目的地所属部门的办公时间进行。
  3. 输入您的网站地址。
  4. 指定您需要访客提供哪些信息才能打开聊天。
  5. 您可以为访客提供也给您打电话的选项 — 在这种情况下,用户将直接连接到 3CX,而无需拨打号码。将使用 WebRTC 建立浏览器连接。您可以允许访客给您打电话,而无需先发起聊天。
  6. 现在,选择当访问者首次访问网页时您希望实时聊天框在您的网站上显示的方式。您可以显示聊天框或仅显示聊天气泡。

步骤 2:自定义您的LiveChat 聊天窗口样式

进入 LiveChat 样式选项

转到实时聊天窗口顶部的 “样式” 选项卡,自定义聊天气泡的外观。

  1. 从 4 个预设置的主题之中选择或选择 “定制”。对于最后一个选项,单击每个颜色图块并使用弹出式颜色选择器或输入您的颜色 RGB、HSL 或 HEX 数字。
  2. 使用单选按钮选择您想要的气泡图标。
  3. 选择覆盖网站字体并使用 Rubik。
  4. 单击下拉框以选择聊天框动画。

自定义 LiveChat 消息

转到实时聊天窗口顶部的 “消息” 选项卡,自定义语言和问候语等。

  1. 选择是否要将默认界面语言设置为不同于游客的浏览器语言
  2. 在 “小标题和按钮” 下输入您自己的介绍文本和按钮标签,以显示在实时聊天表单上。
  3. 使用 “问候语” 部分自定义您的在线和离线问候语消息。
  4. 最后, “自动消息” 部分定义了您希望自动消息的措辞方式。

自定义 LiveChat 坐席信息

转到实时聊天窗口顶部的 “坐席” 选项卡,自定义代理的头像、显示名称等。

  1. 使用该复选框来决定是否显示坐席的真实姓名,或者是否要设置默认名称和头像。为了显示您的坐席的实际头像,需要通过他们的网络客户端配置文件上传。
  2. 如果您决定使用默认坐席,请使用 “默认坐席信息” 部分上传照片并设置您希望显示的名称。

LiveChat 的高级设置

转到实时聊天窗口顶部的 “高级” 选项卡,自定义您的隐私信息和队列呼叫。

  1. 选中该复选框可在没有座席处理聊天时启用对队列或响铃组的呼叫。为了使此设置正常工作, “常规” 设置的 “目的地” 必须是振铃组或队列。
  2. 如果您需要在访问者发起对话之前向他们显示 GDPR 通知,请使用滑块按钮并在下面的文本框中编辑通知。
  3. 最后,点击 “保存”。

步骤 3:在您的网站上启用实时聊天

在您的网站上启用实时聊天

现在您已经配置了实时聊天,是时候将其添加到您的网站了。如果您有专人负责站点管理,请使用电子邮件箱向他们发送启动和运行所需的所有信息。

WordPress 网站

WordPress 网站的 livechat 配置

  1. 登录 WordPress 网站的管理面板。
  2. 导航至 “插件”,点击页面顶部的 “添加新插件”。
  3. 在搜索栏中输入 “3CX”,然后找到搜索结果为 “3CX 免费实时聊天、通话和 WhatsApp 的插件” 并点击 “立即安装”。
  4. 安装后,点击侧边栏中的 “3CX 实时聊天”。
  5. 安装后,点击 “激活” 以激活插件。
  6. 点击侧边栏中的 “3CX 实时聊天” 并粘贴您之前复制的 URL。您可以在网页客户端 “消息” 字段再次找到它。
  7. 勾选该框以在所有页面上显示聊天,或使用下面的复选框选择单个页面。
  8. 最后,点击 “保存更改”。

注意:目前 WordPress 插件仅支持每个网站一个实时聊天 URL。多聊天气泡支持将于近期发布。同时,如果需要多个实时聊天选项,只需将不同的代码片段粘贴到您需要的页面中即可。

非 WordPress 网站

  1. 如果您没有使用 WordPress 建站,请从网页客户端复制 HTML 代码。
  2. 将代码粘贴到您个人网页上的 </body> 标记之前。
    另外如下的主流建站工具,我们也是支持的
    • Drupal
    • Joomla
    • Squarespace
    • Weebly
    • Wix
    • Shopify
http://www.dtcms.com/a/491424.html

相关文章:

  • 公司做网站需要什么条件程序员培训机构出来找工作好找吗
  • Python3编程之Python基础(更新中...)
  • 从概念到实战:一文读懂实时操作系统(RTOS),并洞悉其与Linux/Windows的本质区别
  • 网站建设谈单思路互联网保险的特点不包括
  • 从边缘到云端:Takebishi如何比Kepware更快打通IIoT数据链路
  • uniapp :class不支持 getAvatarClass(currentContact.type) 语法 导致的问题
  • List导出到Excel文件
  • PLD-150电液伺服钢管弯曲疲劳试验台
  • 个人可以做社区网站有哪些深圳市网站开发
  • 视频一页网站怎么做北京高端网站建设有限公司
  • asp.net做三个网站官网搭建
  • xr-frame微信小程序xr-ar-tracker实现video视频竖屏或横屏播放
  • JavaScript this 关键字详解
  • 镇江网站制作服务网站功能插件
  • 假电影网站做注册静态网站建设背景
  • 如何利用云服务器进行网站建设厦门网站优化服务
  • 【 广州产权交易所-注册安全分析报告-无验证方式导致安全隐患】
  • MySQL 高级分表与分库实践指南
  • SEO网站建设入驻程流旅游网站这么做
  • 网站怎么响应式布局建筑资源网站
  • 从 ROS 订阅视频话题到本地可视化与 RTMP 推流全流程实战
  • JavaScript 中的安全编码:10 个关键实践
  • 可变参数模版bug(报错原因分析:参数包未正确 “展开”)
  • Python | 班级成绩数据管理系统 分步详解
  • 笔试强训(三)
  • 房地产行业网站开发网站开发业务需求分析
  • 青岛seo精灵黑帽seo排名
  • 悟空AI CRM:合同功能,数字化合同管理的高效助手
  • 昆山建设公司网站监控视频怎么做直播网站
  • 第三章 线型神经网络