在非WordPress 网站上安装 3CX Live Chat &Talk 插件

现在可以在任何网站上使用 3CX Live Chat and Talk 了,无论内容管理系统如何,即使它是自定义开发的网站。通过 HTML 配置几个简单的步骤就可以了。

在开始之前,我们先看下3CX聊天插件的网络拓扑图。通过这个大家可以更好的理解客服聊天的部署方式,部署业务范围和通信的方式。

网站的聊天工具很多,但是网站能和企业的IP电话系统通信。这是让人很兴奋的事情。现在3CX上已经可以实现一个二维码,直接和内部电话系统直接电话通信。IOS手机和安卓手机,都可以直接和3CX网络电话系统通信。让企业内部和外部多了一个新通道。

 

设置需要的参数

在 3CX V16 打开管理控制台,进到设置 – WordPress,在第一栏中输入网页链接。

下载文件,配置并自定义

下载并配置

  1. 下载 这个文件,将解压后的 callus.js 放到网页服务器的目录中。
  2. 在 <head> 中填入的 callus.js 所在的目录,比如:

外观

修改插件的颜色。

嵌入网站

为网站创建一个 id,使用 call-us 的 tag 来修改参数。

使用这些参数可以自定义 3CX Live Chat & Talk:

  • id: 用 callus
  • style: 修改插件的位置,按钮大小等
  • phonesystem-url: 填 3CX 的 FQDN(必需)
  • party: 分机 Click2Talk/Click2Meet 中的友好名称
  • invite-message: 自动发给用户的第一句话
  • allow-call: 允许通话,false 关闭此选项
  • allow-video: 允许视频,false 关闭此选项
  • allowfocus:设置为 true 可将焦点设置在聊天输入框中。
  • authentication: 有 none, both, name, email 四个选项
  • operator-name: 用户看到的客服名称
  • minimized: 设为 true 默认最小化
  • window-title: 窗口的名称

与 Click2Talk 链接的对比如下图:

在队列中也是一样的结构:

HTML 模板

我们这里放出一个极简的模板以供参考:

坐席人员只要登陆网页软电话,和客户进行文字聊天了,音频和视频电话了。(登陆软电话的地址和信息在每个分机的设置就可以看到)

也可以查看我们的 demo:https://www.speedytel.com/test/
在浏览器中按下 F12 即可查看对比: