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 personalizar las vistas del espacio de trabajo del agente de Amazon Connect mediante HTML y JSX
<a name="customize-views-jsx-sg"></a>

Puede personalizar el aspecto de los diseños de los recursos de Vista. Para ello, utilice HTML o JSX cuando pase parámetros de entrada al bloque [Mostrar vista](show-view-block.md).

Complete los siguientes pasos para ver un ejemplo sencillo de cómo puede aprovechar HTML o JSX con un bloque [Mostrar vista](show-view-block.md).

1. Cree un flujo con un bloque [Mostrar vista](show-view-block.md).

1. Abra la página Propiedades del bloque [Mostrar vista](show-view-block.md). 

1. En **Vista**, seleccione **Detalles** en la lista desplegable. 

1.  En la sección **Configuración**, elija **Establecer JSON**. 

1. Copie y pegue el siguiente código JSON. Este código muestra cómo se procesan las expresiones HTML o JSX.

   **Ejemplo de 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>"
   }
   ```

   **Ejemplo de 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?"
   }
   ```