Personalizar visualizações do espaço de trabalho do atendente do Amazon Connect usando HTML e JSX - Amazon Connect

As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

Personalizar visualizações do espaço de trabalho do atendente do Amazon Connect usando HTML e JSX

Você pode personalizar a aparência dos layouts dos recursos do View. Você faz isso aproveitando HTML ou JSX ao passar parâmetros de entrada para o bloco. Mostrar exibição

Conclua as etapas a seguir para ver um exemplo simples de como você pode aproveitar HTML ou JSX com um Mostrar exibição bloco.

  1. Crie um fluxo com um Mostrar exibição bloco.

  2. Abra a página Propriedades do Mostrar exibição bloco.

  3. Em Exibir, selecione Detalhe na lista suspensa.

  4. Na seção Seções, escolha Definir JSON.

  5. Copie e cole o código JSON a seguir. Esse código mostra como as expressões HTML ou JSX são processadas.

    Exemplo 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>"
}

    Exemplo 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?"
}