Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

# Cómo usar la funcionalidad de pantalla emergente de aplicaciones de terceros en el espacio de trabajo del agente de Amazon Connect
<a name="no-code-ui-builder-app-integration"></a>

Para utilizar la funcionalidad de pantalla emergente de aplicaciones de terceros, puede utilizar las step-by-step guías o el anclaje de aplicaciones. Para obtener más información, consulte [Acceso a aplicaciones de terceros en el espacio de trabajo de agente](3p-apps-agent-workspace.md). Cuando entra el contacto, la pestaña **Guías** se abre como la primera del espacio de trabajo del agente. Puede [configurar las step-by-step guías](how-to-invoke-a-flow-sg.md) mediante flujos.

**nota**  
Al configurar una vista:   
Asegúrese de que el nombre de la aplicación registrado en el coincida Consola de administración de AWS exactamente con el nombre de la aplicación que está proporcionando al componente [Application](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/ui-component-application--with-agent-workspace-example) and/or App Launch. 
Si recibe errores y cree que los nombres coinciden, edite el nombre de la aplicación de la Consola de administración de AWS . Asegúrese de que no haya espacios ni al principio ni al final.
+ Con el componente [Application](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/ui-component-application--with-agent-workspace-example), se incrusta la aplicación de terceros en Guías. La aplicación se muestra en la primera pestaña cuando entra el contacto.
+ Con el componente App Launch, está configurando la aplicación para que se abra como una pestaña en el espacio de trabajo del agente. Puede activar la apertura automática: la Guía quedará en primer plano como la primera pestaña y la aplicación se abrirá en otra pestaña.
+ Siempre puede utilizar el componente [Link](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/ui-component-link--default-case) con apertura automática para configurar cualquier enlace del navegador para que se abra en una nueva ventana del navegador.

Tiene la opción de proporcionar una ruta para indicar un destino o parámetro más específico para el contacto. Cuando proporcione la ruta, se acortará y pasará a ser el dominio. Introduzca una barra inclinada al final del dominio de la aplicación.

**Ejemplo 1 (recomendado):**

```
App Domain registered in Consola de administración de 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!
```

**Ejemplo 2:**

```
App Domain registered in Consola de administración de 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
```

**Ejemplo 3:**

```
App Domain registered in Consola de administración de 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!
```

La siguiente imagen muestra un componente de inicio de aplicaciones que se ha soltado en el lienzo. El panel **Personalizar** muestra un ejemplo de cómo especificar el nombre y la ruta de la aplicación.

![\[El panel Personalizar muestra un ejemplo del nombre y la ruta de la aplicación.\]](http://docs.aws.amazon.com/es_es/connect/latest/adminguide/images/no-code-ui-builder-app-integration-1.png)


La siguiente imagen muestra un [Bloque de flujo en Amazon Connect: Establecer flujo de eventos](set-event-flow.md) bloque de ejemplo que se agrega al flujo y se configura en el enlace de eventos de la **DefaultAgentinterfaz** de usuario.

![\[Un bloque de flujo de eventos Set que está configurado para el enlace de eventos de la DefaultAgent interfaz de usuario.\]](http://docs.aws.amazon.com/es_es/connect/latest/adminguide/images/no-code-ui-builder-app-integration-2.png)