Cómo personalizar las vistas del espacio de trabajo del agente de Amazon Connect mediante HTML y JSX

Puede personalizar el aspecto de los diseños de los recursos de View. Para ello, utiliza HTML o JSX al pasar los parámetros de entrada al Mostrar vista bloque.

Complete los siguientes pasos para ver un ejemplo sencillo de cómo puede aprovechar HTML o JSX con un bloque. Mostrar vista

1. Crea un flujo con un Mostrar vista bloque.

2. Abre la página de propiedades del Mostrar vista bloque.

3. En Ver, selecciona Detalles en la lista desplegable.

4. En la sección Secciones, selecciona Establecer JSON.

5. Copia y pega 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?"
   }