自定义主动聊天弹出窗口

主动聊天的自定义弹出窗口比基本弹出窗口提供了更多的灵活性和选项。这些弹出选项可用于实时聊天关闭 坐席和联系人实时交互聊天消息传送关闭 异步聊天,联系人可随时发送聊天消息并等待回复通道关闭 联系人与坐席或机器人交互的一种方式。 通道可以是语音、电子邮件、聊天、社交媒体等。。您可以指定:

  • 弹出窗口在网站上出现的页面。
  • 弹出窗口出现的时间。您可以配置触发弹出窗口出现的特定事件。例如,事件可以是网页访问者在某一页面上投入一定的时间上,或购物车中有一定数量的商品等。
  • 弹出窗口的外观。系统提供了很多选项用于自定义高级弹出窗口的外观,包括文本颜色、边框颜色、边框图像和弹出窗口位置。

标记管理器应用程序

如要使用可自定义的弹出窗口,您的网站必须具备标记关闭 放置在网站 HTML 代码中的代码片段,供标记管理器应用程序使用。 它与 HTML 代码标记或社交媒体上下文下的标记不同。管理器应用程序。标记管理器是可以“监视”网站访问者并触发响应操作的应用程序。如果是 Digital Experience,标记管理器应用程序会触发对访问者显示的弹出窗口。您可以使用 Google Tag Manager 或 Tealium 等其他标记管理器。

在标记管理器中,定义引发对网站访问者显示弹出窗口的事件和条件。这些条件允许您非常具体地确定弹出窗口出现的时间。例如,如果您将事件定义为访问者向下滚动页面,那么您可能并不希望在页面上滚动的访问者都能看到弹出窗口。您可能希望此弹出窗口只对滚动页面超过一半的访问者显示。您可以将其设置为页面滚动事件的条件。

Digital Experience 中,您可以使用触发器创建工作流自动化作业,该触发器将作业链接到您定义的标记管理器事件。在此作业中,您可以自定义弹出窗口的外观。

当网站访问者在您已经配置出现弹出窗口的网页上时,会发生以下情况:

  1. 网站访问者执行符合标记管理器中所建条件的操作。
  2. 标记管理器通过 Digital ExperienceAPI 联系 关闭 API 允许您通过连接您的 CXone系统和您的组织使用的其他软件来自动化某些功能。
  3. 链接到被触发的标记管理器事件的工作流自动化作业将会运行,并在访问者正在访问的网页上显示弹出窗口。

高级弹出窗口要求

若要使用高级“主动聊天”弹出窗口,您必须具备:

标记管理器准备

您需要安装标记关闭 放置在网站 HTML 代码中的代码片段,供标记管理器应用程序使用。 它与 HTML 代码标记或社交媒体上下文下的标记不同。管理器应用程序来监视可以引发网站上显示数字弹出窗口的事件和条件。在标记管理器中,您需要配置:

  • 触发事件:当人们浏览您的网站时,触发器“监视”的事件。标记管理器提供了触发器可监视事件的各种选项。例如,您可以选择查看某个网页、单击某些链接、滚动到页面的某个部分或在某个页面上花费的时间。
  • 触发条件:触发事件的具体细节。这些详细信息帮助标记管理器决定需要对哪些事件采取行动。例如,您可以指定用户必须向下滚动页面幅度多远、访问者必须单击特定的链接,或者他们必须在页面上所用多少时间。
  • 标记:标记包含触发事件发生且条件满足时标记管理器应执行操作的信息。对于 Digital Experience 主动聊天弹出窗口,您将使用包含脚本代码片段的自定义 HTML 标记,该脚本代码片段允许标记管理器应用程序与 Digital Experience 进行通信。在该自定义 HTML 中使用的代码是:

<script>

brandembassy(‘executeTrigger’, ‘[TRIGGER ID]’)

</script>

其中 [TRIGGER ID] 是您创建的工作流自动化触发器的 ID。在 Digital Experience 编辑模式下查看触发器时,可在触发器的 URL 中查找该 ID。

您可能需要与组织中熟练标记管理器应用程序的人员进行协调。每个标记管理器都略有不同,因此自定义 HTML 脚本的格式可能需要调整。

创建工作流自动化弹出窗口作业

按照此作业的步骤,您可以根据模板自定义聊天弹出窗口。

  1. 单击应用程序选择器 并选择ACD
  2. 转到 数字 > 自动化作业

  3. 单击添加
  4. 输入描述作业用途的名称
  5. 操作下拉列表中,选择聊天弹框
  6. 输入弹框名称
  7. 选择您要用于弹框的模板模板下拉列表下出现的每个模板的示例。
  8. 在“内容”部分中,配置弹框中使用的文本和图像。In the text fields, you can enter plain text or you can enter input formatted to use custom fields.Using custom fields can help personalize the experience for your customer.

  9. 在“行动号召”部分,如果您选择的模板支持行动号召,并且希望在此弹框中包含一个行动号召,请从显示行动号召下拉列表中选择启用。输入行动号召文本
  10. 在“设计自定义”部分中,配置弹出窗口的大小、背景、边框和文本的外观。如果您包含了颜色,就无需包含 CSS 标记,比如 background-color。只需要包括颜色名称,十六进制数字(包括数字符号 (#))。RGB 设置,或 CSS 支持的其他定义颜色的方法。
  11. 在“位置”部分,从位置下拉列表中选择页面上的位置。您可以通过在 横向偏移纵向偏移文本框中输入像素数来进一步修改弹出框的位置。
  12. 在“移交”部分中,最多选择三个自定义字段。
  13. 单击保存

为 HTML 弹出窗口创建作业

按照此作业的步骤,您可以创建自己的弹出窗口,而不受模板的限制。您可以添加更多自定义元素,如按钮、表单、链接等。

  1. 单击应用程序选择器 并选择ACD
  2. 转到 数字 > 自动化作业

  3. 单击添加
  4. 输入描述作业用途的名称
  5. 操作下拉列表中,选择聊天弹框 Html
  6. 输入弹框名称自定义设计自定义 JS
  7. 在“位置”部分,从位置下拉列表中选择页面上的位置。您可以通过在 横向偏移纵向偏移文本框中输入像素数来进一步修改弹出框的位置。
  8. 单击保存

使用弹出窗口创建欢迎消息的作业

此作业的功能与其他作业略有不同。使用这项作业时,不仅是一个弹出窗口,而是打开一个聊天窗口并显示欢迎消息。

  1. 单击应用程序选择器 并选择ACD
  2. 转到 数字 > 自动化作业

  3. 单击添加
  4. 输入描述作业用途的名称
  5. 操作下拉列表中,选择聊天欢迎消息
  6. 输入欢迎消息名称正文文本。最多选择三个自定义字段。
  7. 单击保存

创建工作流自动化触发器

  1. 单击应用程序选择器 并选择ACD
  2. 转到 数字 > 自动化触发器

  3. 单击添加触发器
  4. 输入触发器的名称
  5. 选择通过 API 触发作为事件
  6. 数据类型下拉列表中,选择聊天窗口
  7. 延迟执行字段中,输入在触发触发器之前所选事件发生后 数字参与 应等待的秒数。如果您想要其立即发生,请输入 0
  8. 如果您有用于组织触发器的文件夹,则可以在下拉列表中选择将触发器放入哪个文件夹。
  9. 单击保存

Add Conditions

  1. 在详细信息页面中,单击添加条件
  2. 使用下拉列表选择要添加的条件。请参阅下表,以了解适用于您刚刚创建的条件的列表。
  3. 单击选择
  4. 某些条件需要额外的配置。有关说明,请参阅下表。

添加作业

  1. 在该触发器的详细信息页面中,单击添加现有作业
  2. 使用下拉列表选择此作业。下拉列表显示您为作业指定的名称,而不是作业的 操作
  3. 单击添加
  4. 单击激活

当触发器完全配置了条件和作业后,单击激活。然后,确保已对标记管理器进行了全面配置,包括脚本添加到自定义 HTML 标记中。