如何编辑添加聊天插件？

一、功能简介

您的独立站添加聊天插件后，无需跳转其他页面，在您的独立站页面即可自动回复访客消息，提升聊单率；不仅如此，还可以在聊天插件添加引流部件，访客点击即可跳转至对应引流渠道展开会话，达到引流营销、分流答疑的增益效果。

由此可见，添加聊天插件可以解决许多客服需求场景，本篇文章将讲解如何添加及编辑聊天插件。

二、操作流程

1.添加聊天插件

在连接处>点击聊天插件>点击添加，即可进添加界面。

编辑聊天插件名称后创建聊天插件

进入站点连接页，可将聊天插件安装在您的网站上，也可进入个性化风格设置

1.1.安装插件

可将插件安装在您的网站上，安装方式如下：

•若是自建站点，可以通过「其他」中的JavaScript代码在网站安装SaleSmartly

1.1.1自建站点安装SaleSmartly

访问站点托管的服务器后，找到包含标签的文件（一般为index，具体请咨询站点的开发工程师），打开文件，在标记前粘贴上JavaScript代码，保存更改生效即可成功安装。 

•可以将插件安装各站点上，包括在Shopline、Shoplazza、Shopify、Shopyy等，具体见：

如何在独立站安装SaleSmartly

下列展示如何在您的ShopLine应用商店中安装SaleSmartly，其它独立站同理：

2.编辑聊天插件

进入聊天插件的编辑界面，可见主要分两块区域。左侧为配置区，分别为：聊天插件板块、入口配置、其他配置；右侧为预览区。

当您在设置区编辑聊天插件的过程中，可以在右侧的预览区实时预览您编辑好的插件样式，方便您进行插件编辑。

下面将结合预览区详细介绍设置区的各个分区内容。

2.1聊天插件

配置插件的基础设置和内容配置，包括主题颜色、品牌名称、首页模式、内容拓展等；

2.1.1 基础设置

•聊天插件名称：指该聊天插件的命名（仅客服见）。

•品牌名称：指该聊天插件对外的展示名称。

•主题颜色：您可自定义聊天插件展开后的主背景，如下图所示。

•品牌logo：指聊天插件上方标题左侧的头像。

•AI客服头像：指机器人回复访客时，消息发送人的头像。

•语言：您可以设置插件内提示语的语言，提示语包括提示、按钮名称、错误反馈等展示语言。

•首页模式：可设置聊天插件是否开启首页模式。

2.1.2 内容设置

•副标题：设置后将在聊天插件信息栏中显示，起到辅助补充说明的作用，可自定义开启。

副标题支持针对客服是否在线切换显示副标题内容。

•通知公告：您可设置类似优惠广告、人工服务时间等需要客户关注的内容在公告栏展示。您还可以设置公告栏的颜色、内容链接等个性化设置，帮助您实现精准营销。

•内容拓展：可设置您的帮助中心文档地址，访客在聊天插件中可跳转至对应链接地址查看相关帮助文档

•信息调查：可通过设置“聊前调查”和“离线留资”，可以收集用户的名称、手机号码、邮箱等。

•聊前调查：开启聊前调查后，您的访客展开聊天窗口时，需填写您设置的调查信息，填写后才能发送消息给您；聊前调查和离线留资都支持最多添加4个字段，包括邮箱、名称、公司名称、手机号码和自定义字段，且可设置是否为必填项，可对字段进行删除调整。

•离线留资：开启离线留资后，当目前没有客服在线时，需填写您设置的调查信息，填写后才能发送消息给您。

•留资按钮：开启后，聊天窗口会出现留资按钮，访客可自主点击来填写信息。

•强制弹出：开启后，访客没完成留资之前无法发送消息（不开启，访客可自主选择关闭，跳过留资）。

两者对比，聊前调查偏向开始会话前必须留下客户信息，离线留资偏向于没有客服在线时的收集客户信息手段。

2.2 入口配置

配置聊天插件的入口样式、入口布局大小、渠道集成入口等；

2.2.1 入口样式

•入口收起：默认为图标不收起，如下图展示；

启用图标收起，将把展示图标收纳为单个；可设置两种样式，收起为侧边栏或收起为单个图标。

2.2.2 入口布局

•入口位置：您可设置聊天插件展示在网站上的左侧或右侧

•自定义图标：分为默认图标和选中图标，默认图标指：非鼠标悬停时的样式；选中图标指：用户鼠标悬停或点击图标时的样式。系统自带默认样式，可自定义两种样式。

•移动端：可设置聊天插件在移动端展示的入口图标大小及位置，可以设置小中大三个样式

•PC端：可设置聊天插件在PC端展示的入口图标大小及位，可以设置小中大三个样式。

•底部距离：指插件/侧边栏距离网站底部的高度，可设置0px-500px。

2.2.3 渠道集成入口

•渠道集成入口：可以在网页中或者聊天插件中显示多个渠道入口，包括聊天插件、Messenger、Line、Whatsapp、Email等帮助您达到引流的效果。

•窗口内展示效果：聊天插件开启首页功能时，入口样式选择收起且集成入口样式选择窗口内展示时，将在首页显示渠道入口

不开启首页时展示效果如下，鼠标移入展开渠道入口；

2.3其他配置

可以设置聊天的聊天设置和显示设等内容。

2.3.1 聊天信息设置

•未读消息预览：开启时，当您的聊天插件未展开时，可在图标旁显示第一条访客未读的消息，可支持展示第一条未读消息还是展示最新一条未读的消息。

•消息撤回通知：开启时，访客能看到客服撤回消息的通知

2.3.2 显示设置

•指定页面显示：当把插件安装至您的独立站或者网页时，插件会默认在您的独立站各个页面均显示。您可以通过显示配置，配置您哪些页面需要显示插件、哪些页面不需要显示插件，移动端同理。

•自移动端聊天页面铺满手机屏幕：可设置访客在移动端聊天时，聊天插件的窗口是否铺满屏幕或者半屏显示。

•自动展开：可设置当用户进入网站之后多少的时间自动展开聊天窗口，方便用户进行第一时间咨询商品，以及新用户自动打开等智能设置。

•窗口状态：当访客关闭您的网站或者切换到其他网站时之后又返回您的网站时，聊天插件窗口保持之前展开或者收起的状态。

•访问限制：可设置针对用户访问网站的IP 归属地或针对用户访问网站IP地址隐藏聊天插件

2.4保存

编辑好聊天插件后，点击保存，即可编辑成功。