首页   /   帮助中心   /   操作手册   /   一洽在线客服系统web样式库-对话窗口介绍

一洽在线客服系统web样式库-对话窗口介绍

作者：一洽·在线客服系统      更新： 2022-02-08 15:51:01

　　场景：

　　访客端的对话界面就如同实体店的对外形象，那我们要如何设计出代表企业形象的接待界面呢?

　　功能概述

　　一洽支持自定义配置，包括：企业LOGO、访客与客服头像、气泡颜色与文字、主题背景与文字、系统消息背景与文字、满意度样式、顶部栏配置、工具栏配置、广告栏配置、业务URL展示区等等，让企业能够以更好的形象展示自己。

　　使用说明

　　PC端新页面、小浮窗和手机端，这3个地方是独立配置的，在右侧预览框可以看到配置的实时效果。

　　这里主要介绍PC端新页面设置，小浮窗和手机端介绍的是新页面没有介绍到的功能。

　　一、PC端 - 新页面

　　1、对话窗口标题

　　访客对话框左上角看到的标题，标题内容可以自定义修改。

　　【${companyName}】是直接代入公司配置里面填写的公司名称的占位符。

　　2、 LOGO

　　展示在访客端对话框左上角的公司LOGO图标，预览框可以实时看到效果，目前支持的格式：jpg、gif、png、bmp、jpeg。

　　3、 主题样式设置

　　1)显示客服头像：勾选的话，在对话框中会展示客服和访客头像，更改头像设置在本栏最下边。

　　2)对话框颜色及文字颜色配置。

　　① 主题背景颜色：访客端对话框上边和关闭、发送按钮的颜色。

　　② 主题背景文字：对话框下边显示的：发送、关闭这两个地方文字底色。

　　③ 访客气泡颜色和文字颜色：访客发送消息的气泡颜色和文字底色。

　　④ 客服气泡颜色和文字颜色：客服发送消息的气泡颜色和文字底色。

　　⑤ 系统消息背景和文字颜色：系统弹出消息的气泡颜色和文字底色。

　　⑥ 窗口背景颜色和文字颜色：对话框内背景颜色和时间显示字体底色。

　　⑦ 满意度主题色：访客给客服评价时展示的满意度文字底色。

　　4、 忙碌设置

　　当全部客服在忙碌状态下，是否允许访客预先输入消息的设置。

　　默认不勾选，即：允许访客在排队或等待的时候可以发送消息，方便访客提前先整理好问题，节省时间。

　　5、工具栏

　　展示在访客端的工具图标按钮。

　　6、 顶部栏

　　1)结束对话按钮：勾选是否在对话框右上角显示【结束对话】按钮，支持更换边框颜色和文字底色。

　　2)二维码：访客对话框右上角的二维码图标，鼠标移到该处会显示完整二维码，访客扫描这个二维码就可以直接在手机上继续聊天，方便访客离开电脑可以继续咨询。

　　3)自定义图标：最多可以添加4个，展示在二维码图标左边位置，以图片形式展示，可以添加链接，开启相关参数。

　　7、广告位置

　　7.1 内部广告

　　1)广告高度：展示位置的高度像素，不需要显示广告时，将高度设置为0即可。

　　2)广告位置：可以选择固定或不固定，固定：固定一个位置。

　　3)广告形式：有三种形式只能选择其一：图片、URL链接、文字内容广告。

　　图片：上传做好的图片，支持添加图片跳转链接，访客点击广告图片可以跳转到指定的页面，还可以选择是新窗口打开还是在对话框右侧互动窗口打开。

　　URL：做好的广告再生成链接形式，将生成的链接添加到这里。

　　内容：以文字形式展示的广告，支持富文本编辑。

　　7.2 左侧广告&右侧广告

　　1)广告宽度：广告展示的宽度像素，当不需要显示广告时，直接将宽度设置为0即可。

　　2)广告形式：图片或URL形式，两种形式只能选其一。

　　图片：上传做好的图片，默认是高度是540，具体尺寸可以查看网站弹出的对话框广告参数值，支持添加图片跳转链接，访客点击广告图片可以跳转到指定的页面，还可以选择是全屏打开还是在对话框右侧互动窗口打开。

　　URL：做好的广告再生成链接形式，将生成的链接添加到这里。

　　8、广告栏参数

　　有开通了广告栏传参api的功能就会显示。

　　9、客服信息

　　勾选后，在右侧广告栏会显示客服信息。

　　10、默认头像设置

　　客服和客户的头像，默认是系统灰色的头像，支持上传和重置默认头像。

　　显示规则：

　　1)客服没有设置自己的对外头像形象就会展示这个头像，有自己的头像就会调用客服自己的头像。

　　2)访客有自己的会员头像，就会显示自己的会员头像，没有的话就显示这个头像。

　　11、 URL设置

　　在对话面板上添加一些常用的url链接，以按钮的方式展示在对话面板上，客户点击就能跳转到配置该链接的页面。

　　二、PC端 - 小浮窗

　　这里主要介绍与新页面不相同的地方，相同的就不做介绍了。

　　1、二维码图标&LOGO

　　小浮窗左上角LOGO位置可以选择LOGO或二维码展示，两种形式只能选择其一，由于对话框比较小，默认情况下展示的是二维码。

　　2、顶部栏

　　内页窗口大小更换和关闭设置，支持自定义上传个性按钮。

　　最小化：最小化以后访客就显示为内页小图标。

　　最大化：对话框由小窗口跳转为新页面大窗口。

　　结束对话：关闭对话按钮，访客关闭前会提示是否关闭，是的话再按确认就会结束当前对话。

　　3、配置

　　支持调整内页窗口尺寸的大小的。

　　自动弹窗：小浮窗和手机端都有这个功能，访客进入网站多久自动弹出对话窗口，分为在线和离线两种，需要哪种效果就勾选哪种效果，不需要则不用勾选。

　　1) 页面打开多少秒后自动打开对话窗口：访客进入网站多少秒后自动弹出对话框，提示访客在对话框咨询客服，弹屏后不接通客服，需要访客输入发送消息后才会接通客服。

　　2) 打开话窗口自动接通对话：访客进入页面后多长时间，自动弹屏并接通客服。

　　3) 收到客服消息自动打开对话窗口：客服主动发送消息弹出小浮窗对话框。

　　4) 窗口隐藏多少秒后自动打开对话窗口：访客点击最小化后，多长时间再次弹出小浮窗对话框，重复弹出。

　　三、移动端

　　主里只介绍PC端没有讲到的功能配置，与PC端相同配置的，就不做介绍了。

　　配置

　　当需要设置手机对话窗口为半屏效果时，通过调整这个参数即可，具体以实际效果为准。

（非特殊说明，本文版权归原作者所有，转载请注明出处 :https://www.echatsoft.com/doc-detail-1024.shtml ）
「Echat」一洽专业在线客服系统，访客通过PC网站、手机网站、商城系统、微信、APP、小程序等多渠道咨询，系统智能支持：多样式选择、多路由接入、多业务整合、多角色监控、多维度分析，多平台统一管理。
一洽客服系统，给沟通多一种可能~~
                

想在手机上、随时获取互联网前沿资讯以及各种意想不到的"福利"吗？通过扫描二维码快速添加