

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à.

# Usa l'assistente Connect nel generatore di interfacce utente
<a name="connect-assistant-ui-builder"></a>

L'assistente Connect è integrato nel generatore di interfacce utente e consente di creare e modificare le risorse di visualizzazione utilizzando il linguaggio naturale. Invece di trascinare manualmente i componenti, configurare le proprietà e navigare tra le impostazioni complesse del pannello, puoi descrivere ciò di cui hai bisogno nei prompt conversazionali e l'assistente Connect genera i componenti dell'interfaccia utente corrispondenti sull'area di lavoro.

Ad esempio, puoi digitare «Crea un modulo per il feedback dei clienti con campi per valutazione, commenti e preferenze di contatto» e l'assistente Connect crea la visualizzazione per consentirti di esaminarla e perfezionarla prima della pubblicazione.

L'assistente Connect supporta le seguenti funzionalità:
+ **Crea viste a partire dalle descrizioni**: descrivi una vista completa in linguaggio naturale e l'assistente Connect genera tutti i componenti necessari.
+ **Modifica le visualizzazioni esistenti**: richiedi modifiche alle visualizzazioni tramite conversazione, ad esempio «aggiungi un menu a discesa per lo stato dell'ordine» o «rendi obbligatorio il campo dei commenti».
+ **Configura le proprietà dei componenti**: imposta proprietà, convalide, campi dinamici e stili senza navigare nel pannello Personalizza.
+ **Applica la logica condizionale**: descrivi le condizioni in linguaggio naturale, ad esempio «mostra il campo di testo Altro solo se nel menu a discesa è selezionato Altro».
+ **Ottieni consigli**: chiedi all'assistente Connect suggerimenti sui componenti disponibili, sulle best practice e su come migliorare le tue visualizzazioni.

## Prerequisiti
<a name="connect-assistant-ui-builder-prerequisites"></a>

Prima di utilizzare l'assistente Connect nel generatore di interfacce utente, verifica quanto segue:
+ Stai utilizzando Connect Customer e hai accesso all'area di lavoro di amministrazione di Connect Customer.
+ Il tuo profilo di sicurezza include l'autorizzazione **Canali e flussi - Visualizzazioni**.
+ Il tuo profilo di sicurezza include l'autorizzazione **AI agent designer — AI agent**.
+ La tua istanza Connect Customer ha la funzione Connect assistant abilitata a livello di istanza.

## Accedere all'assistente Connect
<a name="connect-assistant-ui-builder-access"></a>

1. Accedi all'area di lavoro di amministrazione di Connect Customer all'indirizzo https://{{instance name}}.my.connect.aws/. Utilizza un account amministratore o un account con l'autorizzazione **Channels and flows - Views & AI agent designer -** **AI agents** nel profilo di sicurezza.

1. Nel pannello di navigazione, scegli **Visualizzazioni** nel menu di navigazione di **UI Management**.

1. Crea una nuova vista o apri una vista esistente nell'interfaccia utente Builder.

1. Se aprite una vista esistente, individuate il pulsante **Connect Assistant** nella barra degli strumenti. Sceglilo per espandere il pannello della chat. Il pannello della chat si apre sul lato dell'area di disegno di UI Builder. Puoi comprimere o espandere il pannello in qualsiasi momento.

1. Digita la tua richiesta nel campo di immissione della chat e premi Invio per inviare il messaggio all'assistente Connect.

## Creare una vista utilizzando l'assistente Connect
<a name="connect-assistant-ui-builder-create-view"></a>

La procedura seguente descrive come creare una nuova vista a partire da una descrizione in linguaggio naturale.

1. Apri l'UI Builder con una tela vuota (o una vista esistente a cui desideri aggiungere componenti).

1. Nel pannello della chat, descrivi la vista che desideri creare. Ad esempio: «Crea un modulo di reso con il nome del cliente, il numero dell'ordine, il menu a discesa del motivo del reso e una sezione note».

1. L'assistente Connect elabora la richiesta e prepara i componenti della visualizzazione. Quando la vista è pronta, l'assistente Connect risponde con una descrizione dei componenti che ha creato e applica i componenti generati all'area di disegno di UI Builder.

1. Esamina i componenti sulla tela. Puoi continuare la conversazione per perfezionare la visualizzazione o regolare manualmente i componenti utilizzando gli strumenti standard di creazione dell'interfaccia utente.

### Specificate le preferenze di layout
<a name="connect-assistant-ui-builder-layout"></a>

È possibile includere i requisiti di layout nella richiesta. Ad esempio:
+ «Crea un modulo a due colonne con le informazioni sui clienti a sinistra e i dettagli dell'ordine a destra».
+ «Aggiungi una barra degli attributi in alto con il nome del cliente e il numero di conto, quindi un modulo sotto di essa».

### Richiedi tipi di componenti specifici
<a name="connect-assistant-ui-builder-components"></a>

Richiedi componenti dell'interfaccia utente specifici per nome o funzione. Ad esempio:
+ «Aggiungi un selettore di date per la data dell'appuntamento».
+ «Includi un interruttore per l'iscrizione alla newsletter».
+ «Aggiungi un pulsante di invio nella parte inferiore del modulo».

L'assistente Connect utilizza componenti della libreria di componenti Connect Customer UI. Se un componente richiesto non è disponibile, l'assistente Connect spiega la limitazione e suggerisce delle alternative.

## Modificare una vista esistente
<a name="connect-assistant-ui-builder-modify"></a>

È possibile richiedere modifiche alle viste già presenti sulla tela tramite il linguaggio naturale.

1. Con una visualizzazione aperta nell'interfaccia utente e il pannello della chat espanso, descrivi la modifica che desideri. Ad esempio: «Rendi obbligatorio il campo dei commenti» o «Cambia il colore del pulsante di invio in verde con testo bianco».

1. L'assistente Connect elabora la richiesta e presenta i componenti aggiornati direttamente sulla tela.

1. Se l'assistente Connect necessita di chiarimenti sul componente a cui si fa riferimento o sulla proprietà da modificare, prima di apportare la modifica pone una domanda di follow-up.

### Annulla le modifiche e ripristina
<a name="connect-assistant-ui-builder-undo"></a>

Per annullare le modifiche recenti apportate dall'assistente Connect, digita una richiesta come:
+ «Annulla l'ultima modifica».
+ «Rimuovi il menu a discesa che hai appena aggiunto».

Per tornare a una visualizzazione precedente generata dall'assistente Connect, trova il messaggio di conferma nella sessione e fai clic sul pulsante Ripristina. Tutte le modifiche verranno sovrascritte fino a quel momento.

## Configurazione dei campi dinamici
<a name="connect-assistant-ui-builder-dynamic-fields"></a>

È possibile utilizzare l'assistente Connect per configurare campi che vengono compilati in fase di esecuzione con dati provenienti dagli attributi dei contatti o da altre fonti.

1. Nel pannello della chat, descrivi il comportamento dinamico. Ad esempio: «Aggiungi un campo di sola lettura che mostri il nome del cliente dagli attributi di contatto».

1. L'assistente Connect configura il componente impostando la proprietà del componente su dynamic, aggiungendo un riferimento di esempio (ad esempio, $. CustomerName\_Sample) e creazione di dati di esempio per l'input pertinente.

1. Controlla la configurazione nel pannello **Personalizza** per verificare che i riferimenti ai campi dinamici siano corretti per il tuo flusso.

1. Per passare i dati nella vista e utilizzare i dati di output, configura il ShowView blocco nel flusso separatamente.

## Creazione di interfacce utente condizionali utilizzando l'assistente Connect
<a name="connect-assistant-ui-builder-conditional"></a>

Invece di configurare manualmente le condizioni nella scheda Condizioni dell'interfaccia utente, puoi descrivere la logica condizionale in linguaggio naturale.

1. Nel pannello della chat, descrivi la condizione. Ad esempio: «Mostra il campo di testo Altro solo se nel menu a discesa del motivo è selezionato Altro».

1. L'assistente Connect crea la condizione dell'interfaccia utente appropriata sul componente di destinazione, incluso il componente trigger, i criteri di valutazione e la conseguente modifica della visibilità o della proprietà.

1. I componenti con condizioni applicate sono delineati con linee tratteggiate sull'area di disegno, coerenti con le condizioni create manualmente.

Per ulteriori informazioni sulle condizioni dell'interfaccia utente, consulta. [Crea interfacce utente condizionali con Views](ui-conditions-on-views.md)

## Ottieni consigli e spiegazioni
<a name="connect-assistant-ui-builder-recommendations"></a>

L'assistente Connect può fornirti indicazioni durante la creazione di viste:
+ Chiedi informazioni sui componenti disponibili: «Quali tipi di campi di input sono disponibili?»
+ Richiedi consigli: «Quali campi aggiuntivi consiglieresti per il modulo di reclamo di un cliente?»
+ Ottieni assistenza sulla configurazione: «Come faccio a compilare questo campo in modo dinamico?»
+ Convalida la tua visualizzazione: «Controlla se questo modulo ha tutti i campi obbligatori configurati correttamente».

L'assistente Connect risponde con spiegazioni, opzioni dei componenti e best practice basate sulla libreria di componenti Connect Customer UI.

## Gestione delle conversazioni
<a name="connect-assistant-ui-builder-conversation"></a>

L'assistente Connect conserva la cronologia delle conversazioni all'interno di una sessione in modo da poter fare riferimento a richieste e modifiche precedenti.
+ **Continuità della sessione**: la cronologia delle conversazioni viene conservata mentre lavori su una visualizzazione. Puoi fare riferimento alle richieste precedenti nei messaggi di follow-up.
+ **Riprendi le conversazioni**: quando torni a una visualizzazione, puoi continuare una conversazione precedente sulle modifiche.
+ **Contesto di conversazione**: l'assistente Connect mantiene il contesto tra i messaggi, così puoi crearlo in modo incrementale. Ad esempio, puoi creare un modulo in un messaggio, quindi aggiungere regole di convalida nel successivo.

## Best practice
<a name="connect-assistant-ui-builder-best-practices"></a>
+ Sii specifico nelle tue descrizioni. Includi i nomi dei componenti, le etichette dei campi e le preferenze di layout per risultati più accurati.
+ Iterate a piccoli passi. Inizia con un layout di base e perfezionalo con i messaggi di follow-up anziché descrivere un'intera visualizzazione complessa in un unico prompt.
+ Esamina prima della pubblicazione. Esamina sempre i componenti generati sulla tela e prova la vista prima di pubblicarla per l'uso da parte di agenti o clienti.
+ Usa il pulsante di ripristino se desideri tornare a una build precedente generata dall'assistente Connect.
+ Usa l'assistente Connect per le spiegazioni. Se non sei sicuro di un componente o di una configurazione, chiedi all'assistente Connect prima di apportare modifiche manualmente.
+ Combina i flussi di lavoro manuali e dell'assistente Connect. Puoi utilizzare l'assistente Connect per generare il layout di base, quindi ottimizzarlo utilizzando il drag-and-drop standard del generatore di interfaccia utente e i pannelli delle proprietà.

## Limitazioni
<a name="connect-assistant-ui-builder-limitations"></a>
+ L'assistente Connect genera componenti disponibili nella libreria di componenti Connect Customer UI. Non può creare componenti personalizzati al di fuori di questa libreria.
+ Multi-step i flussi di lavoro di guida (viste che si estendono su più passaggi) richiedono la creazione di ciascuna vista separatamente. Puoi mantenere il contesto tra le visualizzazioni facendo riferimento alle conversazioni precedenti utilizzando la stessa sessione.
+ L'assistente Connect non ha ancora accesso alle configurazioni di flusso esistenti. I riferimenti dinamici ai campi potrebbero richiedere una verifica manuale per corrispondere alla configurazione specifica del flusso.