Opção 1: configurar um widget out-of-the-box de comunicação - 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á.

Opção 1: configurar um widget out-of-the-box de comunicação

Use esta opção para criar widgets de comunicação para navegadores desktop e de dispositivos móveis. Ao final desse procedimento, o Amazon Connect gera um trecho de HTML código personalizado que você copia no código-fonte do seu site.

  1. Faça login no site do Amazon Connect administrador usando uma conta de administrador ou uma conta de usuário que tenha canais e fluxos, widget de comunicação - Crie permissão em seu perfil de segurança.

  2. Em Amazon Connect, no menu de navegação à esquerda, escolha Canais, widgets de comunicação.

  3. O assistente orienta você ao longo das três próximas etapas.

Etapa 1: selecionar canais de comunicação

  1. Na página Widgets de comunicação, insira um Nome e uma Descrição para o widget de comunicação.

    nota

    O nome deve ser exclusivo para cada widget de comunicação criado em uma instância do Amazon Connect.

  2. Na seção Opções de comunicação, escolha como os clientes podem interagir com o widget. A imagem a seguir mostra opções para permitir chamadas na Web e de vídeo para clientes.

    A página do widget de comunicação configurada para chamadas pela web e vídeo.
  3. Na seção Chamada pela Web, escolha se você deseja habilitar experiências de voz ou vídeo para os clientes. A imagem anterior mostra opções de chamada pela Web com vídeo habilitado para que os clientes assistam ao vídeo do agente e permitam que os clientes ativem o vídeo.

  4. Escolha Save and continue.

Etapa 2: personalizar widget

Conforme você escolhe essas opções, a visualização do widget é atualizada automaticamente para que você possa ver como vai ficar a experiência para os clientes.

A visualização do widget de comunicação.
Definir estilos de botão de acesso ao widget
  1. Escolha as cores para o plano de fundo do botão inserindo valores hexadecimais (códigos de HTML cores).

  2. Escolha Branco ou Preto para a cor do ícone. A cor do ícone não pode ser personalizada.

Personalizar nomes e estilos de exibição
  1. Forneça valores para a mensagem e a cor do cabeçalho, além da cor de fundo do widget.

  2. Logotipo URL: insira um URL banner no seu logotipo a partir de um bucket do Amazon S3 ou de outra fonte on-line.

    nota

    A visualização do widget de comunicação na página de personalização não exibirá o logotipo se for de uma fonte online que não seja um bucket do Amazon S3. No entanto, o logotipo será exibido quando o widget de comunicação personalizado for implementado em sua página.

    O banner deve estar no formato .svg, .jpg ou .png. A imagem pode ter 280 px (largura) por 60 px (altura). Qualquer imagem maior que essas dimensões será dimensionada para caber no espaço do componente do logotipo de 280 x 60.

    1. Para obter instruções sobre como fazer o upload de um arquivo, como o banner do seu logotipo, para o S3, consulte Carregamento de objetos no Guia do usuário do Amazon Simple Storage Service.

    2. Certifique-se de que as permissões da imagem estejam definidas corretamente para que o widget de comunicação tenha permissões para acessar a imagem. Para obter informações sobre como tornar um objeto do S3 acessível ao público, consulte Etapa 2: adicionar uma política de bucket no tópico Configurar permissões para acesso ao site.

Etapa 3: adicionar o domínio do widget

Esta etapa permite a você proteger o widget de comunicação para que ele só possa ser lançado no site.

  1. Insira os domínios do site em que você deseja colocar o widget de comunicação. O widget de comunicação só é carregado em sites selecionados nesta etapa.

    Escolha Adicionar domínio para adicionar até 50 domínios.

    A opção de adicionar domínio.
    Importante
    • Verifique se seu site URLs é válido e não contém erros. Inclua o texto completo URL começando com https://.

    • Recomendamos usar https:// para sites e aplicações de produção.

  2. Em Adicionar segurança para solicitações do widget de comunicação, para a experiência de configuração mais rápida, escolha Não - Vou ignorar.

    É recomendável escolher Sim para verificar se o usuário está autenticado. Para ter mais informações, consulte Passagem dos atributos para chamadas na aplicação, pela web e por vídeo.

  3. Escolha Save and continue.

    Êxito! O widget foi criado. Copie o código gerado e o cole em cada página do site no qual você deseja que o widget de comunicação seja exibido.

Habilitar os agentes para chamadas na aplicação, pela web e por vídeo

Para permitir que os agentes usem a videochamada, atribua as permissões do Painel de controle de contatos (CCP), Chamadas de vídeo - Acesso ao perfil de segurança.

O espaço de trabalho do Amazon Connect agente oferece suporte a Amazon Connect chamadas no aplicativo, pela web e por vídeo. Você pode usar a mesma configuração, roteamento, análise e aplicação do atendente das chamadas telefônicas e chat. Para começar, a única etapa é habilitar os perfis de segurança do atendente com as permissões para manter chamadas de vídeo.

Para desktops de agentes personalizados, não há necessidade de alterações nas chamadas Amazon Connect no aplicativo e na web. Habilite os perfis de segurança do atendente com as permissões para fazer chamadas de vídeo e siga o guia abaixo sobre como integrar a chamada de vídeo ao desktop do atendente.

Como um dispositivo cliente inicia uma chamada na aplicação ou na web

O diagrama a seguir mostra a sequência de eventos de um dispositivo cliente (aplicativo móvel ou navegador) para iniciar uma chamada na aplicação ou pela web.

Um diagrama conceitual que mostra como um dispositivo cliente inicia uma chamada.
  1. (Opcional) Você pode passar os atributos capturados no site e validá-los com o token JSON da web (JWT).

  2. O cliente clica no widget de comunicação no site ou na aplicação móvel.

  3. O widget de comunicação inicia a chamada na web Amazon Connect passando os atributos contidos noJWT.

  4. O contato atinge o fluxo, é encaminhado e colocado na fila.

  5. O atendente aceita o contato.

  6. (Opcional) Se o vídeo estiver habilitado para o cliente e o atendente, eles poderão iniciar o vídeo.

Mais informações

Para obter informações adicionais sobre os requisitos de recursos de chamada de vídeo na aplicação, pela Web e por vídeo, consulte os seguintes tópicos: