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

# Personalizza le viste per lo spazio di lavoro dell’agente di Amazon Connect utilizzando HTML e JSX
<a name="customize-views-jsx-sg"></a>

Puoi personalizzare l’aspetto dei layout delle risorse Vista. Puoi farlo utilizzando HTML o JSX quando passi i parametri di input al blocco [Mostra vista](show-view-block.md).

Completa i passaggi seguenti per un semplice esempio di come puoi utilizzare HTML o JSX con un blocco [Mostra vista](show-view-block.md).

1. Crea un flusso con un blocco [Mostra vista](show-view-block.md).

1. Apri la pagina Proprietà del blocco [Mostra vista](show-view-block.md). 

1. In **Vista**, seleziona **Dettagli** dall’elenco a discesa. 

1.  Nella sezione **Sezioni**, scegli **Imposta JSON**. 

1. Copia e incolla il codice JSON seguente: Questo codice mostra come vengono elaborate le espressioni HTML o JSX.

   **Esempio HTML**

   ```
   {
   "TemplateString": 
        "<TextContent>Steps:<ol><li>Customer provides incident information</li><li>Customer provides receipts and agrees with 
            amount</li> <li>Customer receives reimbursement</li></ol></TextContent>"
   }
   ```

   **Esempio JSX**

   ```
   {
   "TemplateString":
   "Please provide an introduction to the customers. Ask them how their day is going
   Things to say:
   Hello, how are you today? My name is Bob, who am I speaking to?"
   }
   ```