网页接入渠道

功能概述

网页添加渠道包括六大步骤:基础设置、样式风格、回复、授权、安装、测试。

具体操作

  • 首先,点击“添加渠道”,选择“网页”。

image.png

一.基础设置

基础设置是指在添加渠道过程的初始配置中,需要设置的一些基本信息和参数。以下是基础设置的一些常见选项:

  • 渠道名称:指为特定渠道设置的标识名称,用于区分不同的客户接入渠道。例如,网页渠道可以设置为“网页客服”,钉钉渠道可以设置为“钉钉客服”等。该项为必填项,长度4-32个字符,支持输入中文、英文字母、数字、"."、"_"或"-"。

  • 头像:为特定渠道设置的代表性图标或图片,用于在界面中显示。可以根据渠道性质或企业品牌风格,选择适当的头像,以提升用户体验和识别度。

  • 消息类型:指在特定渠道上支持的不同类型的消息传递方式。根据渠道的特性和技术能力,可以选择支持发送图片、发送文件、发送语音等不同的消息类型。

  • 选择接待技能组:指为特定渠道配置可接待的技能组。每个渠道当前只支持转接到一个特定技能组,但支持多个渠道分别转接到同一个技能组。

  • 工作日与节假日配置:开启开关,工作日不进行转接(可在设置-营业时间计划中进行更新)参考营业时间计划;关闭开关,不区分工作日。

当您配置完这些基础信息后,点击“下一步”即可。

image

二.样式风格

样式风格是在配置渠道过程中,对于标题、描述、主题色、消息色、启动按钮样式以及是否展示阿里云标志等方面的设置。您可以根据实际的需求进行简单的设置调整;配置完成后点击“下一步”即可。

  • 标题栏样式:可以选择默认样式以及自定义样式。

    • 默认样式:自定义填写标题、描述、标题颜色、标题背景色。

      image.png

    • 自定义样式:上传一张图片,设置为标题栏,注意:会覆盖掉默认样式。image

  • pc端窗口大小:pc端时对话窗口的大小,可选项【默认、780px、960px、1180px】

  • pc端背景图设置:可选项【默认图片、自定义图片】,自定义图片时推荐上传1440px*768px的图片;支持jpg/png格式,图片大小不超过5MB。

  • 输入框引导语:自定义内容在对话输入框中,最长不超过64个字。

  • 主题色:发送按钮配色。

  • 消息色:消息体的配色。

  • 其他:

    • 启动按钮样式:可选配项【正方式、圆形】

    • 展示阿里云表示:选择是否在对话框中展示阿里云标志。

三.回复

AI机器人

  1. 启用机器人进行自动接待

  • 如果未购买对话机器人,需要先进行购买。详情可咨询客户支持钉钉号:cccsupport2。image

  • 如果已购买对话机器人产品,可选择关联的业务空间。如果购买了多个对话机器人业务空间,可以在下拉框中选择一个。image

  • 非工作时间欢迎语:指在非人工坐席工作时间内,转人工后系统自动回复的内容。支持自定义修改。

  • 答案来源:开启后,机器人回复会同步显示答案来源,点击可以查看来源内容。

  • 展示AI提示:启用后,通过大模型生产回复时,将会在答案气泡中展示“以上内容由AI自动生成”。

  1. 未启用机器人自动接待image

  • 欢迎语:指用户首次进线后,系统自动发送的欢迎语。支持自定义修改。

  • 非工作时间欢迎语:指在非人工坐席工作时间内,转人工后系统自动回复的内容。支持自定义修改。

  • 转接提示:指在进行转接人工播报的话术,正常自定义修改。

转人工系统消息设置image

  • 排队位置播报:处于排队状态时,机器人自动播报的话术,其中`${queuePosition}`固定变量写法,表示排队位置。

  • 坐席提示语:当人工接通时,会自动向用户播报坐席提示语,其中`${agentDisplayName}`固定变量写法,表示坐席展示名称。

卡片设置

  • 活动模板:在对话框中展示活动话题,可通过配置模板进行修改。

    • 话题图片:可以最大添加三张图片,支持jpg/png。图片大小不超过2M。

    • 话题内容:可填写一级标签内容以及最大三个二级标签。image

  • 猜你想问:在对话框中展示猜你想问模块,可以点击配置问题和样式进行修改。

    • 左侧背景设置:【默认图片、自定义图片】,使用自定义图片时。推荐上传1440px*768px的图片;支持jpg/png格式,图片大小不超过5M。

    • 问题设置:最多设置10条,首批默认显示前4条。可以通过【发送文本、跳转页面】两种分类。

      • 发送文本:点击列表中第一列时,会在对话框中自动发送设置的第三列内容。

      • 跳转页面:点击列表中第一列时,会跳转到设置的网页,格式为http(s)://www.xxx.com

    image

  • 分类模板:在对话框中展示分类模板,分类最多6条。可以点击配置问题。

    • 分类图标:修改分类的图标,支持自定义,支持jpg/png格式,图片大小不超过2M。

    • 分类名称:修改分类名称。支持自定义,不超过30字。

    • 分类内容:最多不超过3条,可以通过【发送文本、跳转页面】两种分类。

      • 发送文本:点击列表中第一列时,会在对话框中自动发送设置的第三列内容。

      • 跳转页面:点击列表中第一列时,会跳转到设置的网页,格式为http(s)://www.xxx.com

    image

  • 技能卡片:在对话框中展示技能卡片,分类最多6条。可以点击配置技能卡片。

    • 技能图标:可以点击上传图标,支持jpg/png,图片大小不超过2MB。

    • 技能内容:第一列为技能标题,第二列为内容,第三列可以通过【发送文本、跳转页面】两种分类。第四列表示发送的内容。

      • 发送文本:点击列表中第一列时,会在对话框中自动发送设置的第4列内容。

      • 跳转页面:点击列表中第一列时,会跳转到设置的网页,格式为http(s)://www.xxx.com

    image

  • 快捷短语:在对话输入框上加入快捷短语。

    • 最大可新增快捷短语15条。

    • 技能内容:第一列为技能标题,第二列可以通过【发送文本、跳转页面】两种分类。第三列表示发送的内容。

      • 发送文本:点击列表中第一列时,会在对话框中自动发送设置的第4列内容。

      • 跳转页面:点击列表中第一列时,会跳转到设置的网页,格式为http(s)://www.xxx.com

    image

  • 置顶公告:在对话框中显示置顶公告,公告最多6条。可以点击配置公告。

    • 对于自身业务需求,用户可以配置公告文案、超链接、有效期。

    image

  • 运营组件:在对话框中显示运营组件,运营组件最多6条。可以点击配置组件。

    • 设置图片信息、设置链接地址、设置有效期。

    image

  • PC端-常见问题设置:在PC端可以设置一些常见问题,方便客户咨询,最多添加9个分类。

    • 分类名称:自定义分类名称。最多支持30个字。

      • 每个分类支持最大6个问题描述。

    imageimage

  • PC端-常见工具设置::在PC端可以设置一些常见工具,方便客户咨询,最多添加5个工具。

    • 设置图片信息、设置链接地址、设置有效期。

    imageimage

四.授权

授权是指在配置渠道过程中为坐席和用户授予展示历史会话的访问权限。

  • 展示历史记录会话:

    • 支持看到历史会话:开启此授权后,用户在进入聊天窗口后可以看到过去3天内的会话历史内容。这可以帮助客服人员更好地了解客户的问题和需求。

    • 清空历史:开启此授权后,客服人员可以清空当前会话的历史记录。这样可以确保在重新开始一个会话时,之前的聊天内容不会被继续展示,从而避免敏感信息泄露或保护用户的隐私。

  • 展示消息已读状态:选择是否开启。开启后,终端用户可以看到消息是否已读。

  • 消息撤回功能:选择是否开启。开启后允许终端客户撤回已经发送2分钟内的消息。image

完成后点击“保存配置并安装”即可。

image

五.安装

网络渠道的安装方式有两种:插件形式、集成H5页面形式。您可以根据具体的需求选择即可。

重要

上述两种安装方法,URL上均可添加userIduserName两个字段,用于自定义客户的ID和名称。

例如:

1.安装插件形式:

<script id="cc-im-sdk" src="https://o.alicdn.com/cloudcallcenter/cc-im-web-widget/index.js?token=9XYGTGWtq2wFi_Bpg7aUnIoYi_vG_rO3bjEn0YtsxbHxw1pPXA0KHvGjeO0UE62ECzV3RQ-EXByy4rx1t2v3QaAdY5vimICYHwej7WgWrmA%3D&userId=xxx&userName=xxx"></script>

2.集成H5页面形式:

https://ccc-v2.aliyun.com/v-chat?token=9XYGTGWtq2wFi_Bpg7aUnIoYi_vG_rO3bjEn0YtsxbHxw1pPXA0KHvGjeO0UE62ECzV3RQ-EXByy4rx1t2v3QaAdY5vimICYHwej7WgWrmA%3D&userId=xxx&userName=xxx

image

六.测试渠道

最后,您还可以对所添加的渠道进行测试。

image.png

  • 点击“立即测试”后则会跳转到用户视角的测试窗界面,其效果如下:

image.png

  • 随后点击“我的工作台”进入到队列中的消息,找到并且认领对应的消息即可。

image.png

image.png

说明

此界面为坐席视角下的对话窗