本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# 在 Amazon Connect 座席工作区使用第三方应用程序的屏幕弹出功能
<a name="no-code-ui-builder-app-integration"></a>

要获得第三方应用程序的屏幕弹出功能，您可以使用 step-by-step指南，也可以使用应用程序固定。有关更多信息，请参阅 [访问 Agent Workspace 中的第三方应用程序](3p-apps-agent-workspace.md)。当联系人进入时，**指南**选项卡会作为座席工作区中的第一个选项卡打开。您可以使用流程[配置 step-by-step指南](how-to-invoke-a-flow-sg.md)。

**注意**  
配置视图时：  
确保在中注册的应用程序名称与您提供给 Application App Launch 组件的[ and/or 应用程序](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/ui-component-application--with-agent-workspace-example)名称 AWS 管理控制台 完全匹配。
如果遇到错误，但您认为名称匹配，请编辑 AWS 管理控制台 应用程序名称。确保没有前导或尾随空格。
+ 使用[应用程序](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/ui-component-application--with-agent-workspace-example)组件，您可以将第三方应用程序嵌入到指南中。联系人进入时，应用程序会显示在第一个选项卡中。
+ 使用“应用程序启动”组件，您可以将应用程序配置为在座席工作区中打开一个选项卡。您可以打开自动打开功能，指南将把焦点放在第一个选项卡上，并将应用程序作为另一个选项卡打开。
+ 您始终可以使用带有自动打开功能的[链接](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/ui-component-link--default-case)组件，将任何浏览器链接配置为在新的浏览器窗口中打开。

您可以选择提供一个为联系人提供更具体的目的地或参数的路径。当您提供路径时，它将缩短为域。在应用程序域的末尾提供一个正斜杠。

**示例 1（推荐）**：

```
App Domain registered in AWS 管理控制台: https://example.com/
Path: cats/siamese
Guides will attempt to render: Domain https://example.com/ + Path cats/siamese
https://example.com/cats/siamese
Success if website exists!
```

**示例 2：**

```
App Domain registered in AWS 管理控制台: https://example.com/dogs/
Path: cats/siamese
Guides will attempt to render: Domain https://example.com/ + Path cats/siamese
https://example.com/cats/siamese
Fails because only subdomains of https://example.com/dogs/ are allowed
```

**示例 3：**

```
App Domain registered in AWS 管理控制台: https://example.com/cats
Path: cats/siamese
Guides will attempt to render: Domain https://example.com/ + Path cats/siamese
https://example.com/cats/siamese
Success if website exists!
```

下图显示了已拖放到画布上的应用程序启动组件。**自定义**面板显示了用于指定应用程序名称和应用程序路径的示例。

![\[“自定义”面板、示例应用程序名称和应用程序路径。\]](http://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/no-code-ui-builder-app-integration-1.png)


下图显示了已添加到流程并配置到 **DefaultAgentUI** 事件挂钩的示例[Amazon Connect 流数据块：设置事件流](set-event-flow.md)块。

![\[配置为 DefaultAgent UI 事件挂钩的 Set 事件流块。\]](http://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/no-code-ui-builder-app-integration-2.png)