按照简单步骤设置并安装您的网络小组件 (Web Widget)

准备工作

在安装CINNOX网站小部件之前，建议先组织好所有员工账户、路由、支持系统以及小部件外观，以确保安装后一切就绪。

为做好准备工作，准备好员工名单以及他们可能处理的查询类型。接下来，我们将创建标签和小部件外观。

在安装之前，您可以选择上传员工照片、公司标志、图标和其他图像。以下是我们的快速准备指南：

图片的最大文件大小: 100KB

Format: JPG或PNG

如果您的图像文件大小太大，可以使用免费的图像大小缩小器，例如：https://tinyjpg.com/
**CINNOX与tinyjpg.com无任何关联。

推荐分辨率： 160px x 160px
*系统可能会压缩过大的图片，导致图形看起来被挤压。

创建员工账号

联系管理 > 员工管理 > 创建账号

员工账号是 CINNOX 平台的所有用户。有两种角色：管理员和客服代表。代表可以处理查询的客户服务操作员。管理员可以创建用户并查看详细的信息。

必填字段：

名字

姓氏

电子邮件地址

角色-管理员或代理

显示名称-这是客户通过Web小部件与该代理人聊天时客户将看到的名称。

创建目的地

目的地 > 创建目的地

目的地是一个处理入站查询的团队或组。这些团队或组最终将与小部件上的公司标签关联。基本上，客户会点击小部件上的标签，然后路由到这些目的地之一。

输入字段：

目的地名称 - 用于内部参考。例如：普通支持，人力资源，网站支持等

支持语言 - 这将根据语言路由流量。例如，将浏览器设置为意大利语的人将被路由到一个由意大利语代理处理的目的地。

支持地点 - 这将基于其位置将流量路由到最适合帮助该地区的代理的目的地。

例如，如果您在加拿大拉布拉多省发出一批有问题的奶酪狗骨头，您可以在全球网站的小部件上设置一个名为“退回有问题的奶酪狗骨头”的特定标签。将支持地点配置为“加拿大>纽芬兰和拉布拉多”，这将连接来自此标签的所有聊天和通话到一个由专门处理此特定批次有问题的奶酪狗骨头的代理组的目的地。

目的地规则 - 从目的地类型下拉列表中选择工作人员列表，然后在端点下选择一个或多个工作人员。

创建企业标签

渠道 > 创建标签

标签基本上是客户在您的小部件上选择开始实时聊天或网络电话的选项。每个标签都链接到一个支持目的地。

‍

输入字段：

常规功能 - 为每个标签分配顾客与与该标签相关的代理进行通话和聊天、仅呼叫或仅聊天的能力。

标签默认名称：

上传图标 - 这些图标是顾客打开您的小部件时可以看到的，每个标签上都会出现一个图标。

输入标签的显示名称：这是顾客将看到的内容，例如“全天候支持”或“立即与 HR 联系”。

目的地：将此标签连接到先前创建的目的地以路由流量

粘性路由：如果您希望为此标签创建代理/顾客绑定，请启用此选项。这意味着如果顾客在未来再次单击此标签，则会连接到曾经帮助他们的同一代理。

另请参见：智能路由和企业标签说明

客制化您的小工具

管理>外观>英语（默认）

所有这些更改都将影响您的小部件的英语版本。您可以随时返回并更改其他语言。

企业名称

这是客户在打开您的小部件时将看到的内容。您最多可以有40个字符，但只有14个字符可以清晰显示。

主色

此颜色将显示在您的主标题（显示公司名称的位置）和任何出现的按钮（例如当客户退出聊天时）上。

小部件图标

小部件图标是您的客户在您的主网站上看到并单击以启动小部件的内容。您可以使用公司标志、吉祥物、聊天图标或任何您想要表示的视觉。

通话中视频/图片

再见无聊的电梯音乐！这是向客户推广新产品或服务的绝佳方式。您可以上传1分钟的视频或静态图像。

了解更多：如何自定义小部件的外观和品牌

安装

> 安装

在“安装”选项下，点击代码框中的“复制”。然后将代码粘贴到网站HTML源代码的闭合标签之前。在希望网页小部件出现的每个页面上插入代码片段。

关于WordPress、Drupal和Joomla的插件--请访问我们的資源中心。

想了解每个CMS的更多信息？请参阅我们的比较文章。

下一步：使用CINNOX网頁通讯小工具进行实时聊天及网络通话的客户体验改造的3个案例

‍