

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.

# Biblioteca de componentes de interfaz de usuario para el generador de interfaz de usuario en Connect Customer
<a name="user-interface-component-library-sg"></a>

Todos los componentes del generador de interfaz de usuario se describen en la [documentación del componente de interfaz de usuario de Connect Customer](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/overview--page). Esta documentación muestra los componentes de interfaz de usuario individuales que puede usar en el generador de interfaz de usuario y cómo puede configurarlos.

Puede acceder a los componentes de la biblioteca del generador de interfaces de usuario en el panel **Crear**, en la pestaña **Biblioteca**. La siguiente imagen muestra un ejemplo de la pestaña **Biblioteca** y los componentes del **Contenedor**. 

![El panel de creación de la interfaz de usuario, la pestaña Biblioteca y los componentes de la interfaz de usuario.](http://docs.aws.amazon.com/es_es/connect/latest/adminguide/images/user-interface-component-library-example.png)


## Uso de contenedores para mover y organizar componentes
<a name="user-interface-component-library-containers"></a>

Los contenedores son un elemento fundamental para crear vistas. Puede mover los componentes de la interfaz de usuario (incluidos otros contenedores) a un contenedor para agruparlos de forma lógica y visual en la página. 

Para mantener la coherencia relativa del contenido de la página al personalizar la configuración de la vista de nivel superior, le recomendamos que utilice contenedores en todas las vistas. Los contenedores también incluyen un diseño de columnas. El diseño de columnas le permite organizar el contenido dentro de un contenedor.

## Creación de un formulario
<a name="user-interface-component-library-form-section"></a>

Para crear un formulario para que los agentes o los clientes lo rellenen y envíen, utilice el componente [Formulario](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/aws-managed-views-form--with-all). Puede: 
+ arrastrar y soltar un componente **Formulario** en el lienzo desde la biblioteca de la interfaz de usuario,
+ o bien, desde la pestaña **Plantillas**, seleccionar la plantilla **Ejemplo de formulario**, que utiliza un componente Formulario.

Un componente [Formulario](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/aws-managed-views-form--with-all) es un tipo especial de contenedor en el que se pueden insertar campos de entrada y agregar un botón **Enviar**. Cuando un usuario que interactúa con la guía pulsa el botón **Enviar**, Connect Customer pasa al flujo todos los valores introducidos en los campos del formulario. En ese punto del proceso, puede personalizar su propia lógica empresarial y sus send/retrieve datos para adaptarlos a sistemas de terceros mediante el uso del [Función de AWS Lambda ](invoke-lambda-function-block.md) bloque. 

La siguiente imagen muestra un ejemplo del componente **Formulario** con etiquetas de marcador de posición y un botón Enviar.

![Un componente Formulario con etiquetas de marcador de posición y un botón Enviar.](http://docs.aws.amazon.com/es_es/connect/latest/adminguide/images/user-interface-component-library-form-section-example.png)
