在门户中嵌入聊天小组件

已完成

创建聊天渠道后,需要部署该渠道以便客户开始与贵组织互动。 全渠道聊天小组件可以部署到任意面向客户的门户。 许多组织使用 Microsoft Power Pages 创建网站以与客户互动,并为客户提供自助服务功能。 在这些实例中,可将全渠道聊天小组件添加到客户的网站中。

创建聊天小组件后,将为小组件生成代码片段。 本代码片段包含用于启动聊天小组件的地址信息。 此代码可嵌入面向客户的门户。

要将聊天小组件部署到 Power Apps 网站,请使用 Customer Service 管理中心应用程序打开要在门户中使用的聊天小组件。 在聊天小组件选项卡上,会看到聊天小组件的代码片段。 选择复制按钮来复制代码。

自动生成代码片段的屏幕截图。

复制代码片段后,需要通过门户管理模型驱动应用将其添加到 Power Pages 门户。 您可以转到 Power Apps、选择要使用的环境并在应用菜单中打开 Dynamics 365 门户应用来访问应用。

为了确保成功部署小组件,门户应用程序包含名为聊天小组件代码的特殊内容片段。 此内容片段用于将聊天小组件部署到门户站点。 内容片段不仅适用于全渠道聊天小组件,还可用于所有通过代码片段部署的小组件。 转到内容标题下的内容片段并打开聊天小组件代码片段。

“内容”下“内容片段”屏幕截图,其中已选择“聊天小组件代码”片段。

常规选项卡包含可用于嵌入小组件的 HTML 字段。 默认情况下,该字段设置为使用设计器,因为小组件的片段是基于 HTML 的。 将聊天小组件片段粘贴到字段中。

已粘贴 HTML 代码的聊天小组件代码“常规”选项卡的屏幕截图。

保存内容片段记录后,聊天小组件将嵌入门户。

重要提示

在大多数情况下,聊天小组件应在保存后立即可见。 但是,从 Dynamics 365 门户应用对门户所做的更改最多可能需要 15 分钟才能反映出来。 您可以定期刷新门户页面来查看是否已部署小组件。

控制向用户显示哪些聊天小组件

贵组织往往希望根据发起聊天的客户是否经过身份验证来使用不同的聊天小组件。

例如,当未经过身份验证的客户发起聊天时,您需要了解有关该客户的更多信息,以便提供聊天前调查来捕获客户的详细信息。 这样,代理就能够将客户与应用程序中相应的现有客户和案例记录相关联。

如果客户在发起聊天之前已通过门户的身份验证,则您可以加载其他聊天前调查,甚至将客户转接到用于案例变体的虚拟代理,然后再转接到人工代理。

将聊天小组件嵌入到门户中时,可以根据用户是否经过身份验证有针对性地加载适当的小组件。 可以将 Cscript 条件添加到聊天小组件内容片段,该片段将有针对性地加载适当的小组件。 代码如此图所示。

已粘贴条件的 HTML 代码的聊天小组件代码“常规”选项卡的屏幕截图。

当客户发起聊天对话时,系统将根据客户是否经过身份验证加载适当的聊天渠道小组件。 在上面的示例中,如果客户已通过身份验证,则将加载第一个小组件。 如果客户未经过身份验证,则将加载第二个小组件。

聊天小组件的客户体验

配置聊天小组件后,聊天小组件将以最小化模式显示在门户上。 如果代理登录 Customer Service 全渠道并且拥有此支持渠道的访问权限,小组件将显示在线消息。 如代理都没空,将显示离线消息。

显示“我们在线”消息的“开始聊天吧”小组件的屏幕截图。

用户选择小组件时,小组件将最大化以便用户开始与代理对话。 可以根据需要再次最小化小组件。 小组件最小化时,将显示收到的消息数量。 代理可以再次选择小组件查看消息。

小组件显示对话参与者发送的消息以及系统生成的事件消息,例如代理加入聊天或聊天转移给其他代理。

显示消息的“开始聊天吧”屏幕的屏幕截图。

聊天小组件中聊天前调查的屏幕截图。

为调查配置聊天后,将在开始对话之前为客户显示调查。 调查中收集的数据通常用于帮助传递解决方案和为客户连接最适合的代理。 客户可以选择关闭聊天按钮结束聊天。 聊天结束之前会显示确认消息。