View a markdown version of this page

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

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

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.

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

  1. Cree un flujo con un bloque Mostrar vista.

  2. Abra la página Propiedades del bloque Mostrar vista.

  3. En Vista, seleccione Detalles en la lista desplegable.

  4. En la sección Configuración, elija Establecer JSON.

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