Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.
# Libreria di componenti UI per UI Builder in Amazon Connect
Tutti i componenti di UI Builder sono descritti nella [documentazione dei componenti dell'interfaccia utente di Amazon Connect](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/overview--page). Questa documentazione mostra i singoli componenti dell'interfaccia utente che puoi utilizzare in UI Builder e come configurarli.
È possibile accedere ai componenti della libreria nel generatore di interfaccia utente nel pannello **Crea**, la scheda **Libreria**. L’immagine seguente mostra un esempio della scheda **Libreria** e dei componenti **Container**.
## Usa Container per spostare e organizzare i componenti
I container sono un elemento costitutivo fondamentale per creare viste. È possibile spostare i componenti dell’interfaccia utente (inclusi altri container) in un container per raggrupparli logicamente e visivamente sulla pagina.
Per mantenere il contenuto della pagina relativamente coerente durante la personalizzazione delle impostazioni di visualizzazione di primo livello, è consigliabile utilizzare i container in tutte le viste. I container sono inoltre dotati di layout a colonne. Il layout a colonne consente di organizzare i contenuti all’interno di un container.
## Creazione di un modulo
Per creare un modulo da far compilare e inviare agli agenti o ai clienti, utilizza il componente [Modulo](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/aws-managed-views-form--with-all). Puoi eseguire una delle seguenti operazioni:
+ Trascina e rilascia un componente **Modulo** sul canvas dalla libreria dell’interfaccia utente.
+ Oppure, dalla scheda **Modelli**, seleziona il modello **Esempio di modulo**. Utilizza un componente modulo.
Un componente [Modulo](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/aws-managed-views-form--with-all) è un tipo speciale di container in cui è possibile inserire campi di input e aggiungere un pulsante **Invio**. Quando un utente che interagisce con una guida preme il pulsante **Invio**, Amazon Connect trasferirà tutti i valori inseriti nei campi del modulo al flusso. A quel punto del flusso, puoi personalizzare la tua logica e i tuoi send/retrieve dati aziendali per adattarli a sistemi di terze parti utilizzando il [Funzione AWS Lambda ](invoke-lambda-function-block.md) blocco.
L’immagine seguente mostra un esempio di componente **Modulo** con etichette segnaposto e un pulsante di invio.
