Personalizações adicionais de bate-papo para seu widget de bate-papo do Amazon Connect - Amazon Connect
Configurar o objeto de personalizaçãoRestrições e opções com suporte

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á.

Personalizações adicionais de bate-papo para seu widget de bate-papo do Amazon Connect

Você pode adicionar as seguintes personalizações opcionais à interface de usuário do chat:

  • Exiba o botão Encerrar chat no menu suspenso do cabeçalho, e não no rodapé.

  • Mascare ou oculte nomes de exibição.

  • Adicione ícones de mensagem.

Configurar o objeto de personalização

Este exemplo mostra como implementar algumas das personalizações opcionais. Para obter uma lista de todas as personalizações possíveis, consulte. Restrições e opções com suporte Como essas personalizações são opcionais, você pode implementar alguns ou todos os campos mostrados no exemplo a seguir. Substitua as strings customer, agent e supervisor conforme necessário. Os ícones devem ser hospedados em públicoURLs.

amazon_connect('customizationObject', {
        header: { 
            dropdown: true, 
            dynamicHeader: true,
        },
        transcript: { 
            hideDisplayNames: false, 
            eventNames: {
                customer: "User",
                agent: "Webchat Agent",
                supervisor: "Webchat Supervisor"
            },
            displayIcons: true,
            iconSources: { 
                botMessage: "imageURL",
                systemMessage: "imageURL",
                agentMessage: "imageURL",
                customerMessage: "imageURL",
            },
        },
        composer: {
            disableEmojiPicker: true,
            disableCustomerAttachments: true,
        },
        footer: {
            disabled:true
        }
});

A imagem a seguir mostra a aparência das personalizações se você usar o exemplo:

Diagrama mostrando os nomes de exibição, os locais de menu e os ícones personalizáveis.

Restrições e opções com suporte

A tabela a seguir lista os campos de personalização compatíveis e as restrições de valores recomendadas.

Opção de layout personalizado Tipo Descrição

header.dropdown

Booleano

Renderiza o menu suspenso do cabeçalho em vez do rodapé padrão

nota

Quando você define essa opção comotrue, o botão Download da transcrição aparece e permanece visível até que você defina a opção como false, ou até que você remova a opção.
header.dynamicHeader Booleano Define dinamicamente o título do cabeçalho como “Conversando com AgentName Bot/”
header.hideTranscriptDownloadButton Booleano Oculte o botão da transcrição de download no menu suspenso do cabeçalho. O valor padrão é false.

transcript.hideDisplayNames

Booleano

Oculta todos os nomes de exibição, aplicará máscaras de nome padrão se eventNames não for fornecido

transcript.eventNames.customer

String

Mascara o nome de exibição do cliente

transcript.eventNames.agent

String

Mascara o nome de exibição do agente

transcript.eventNames.supervisor

String

Mascara o nome de exibição do supervisor

transcript.displayIcons

Booleano

Habilita ícones de exibição da mensagem

transcript.iconSources.botMessage

String

Ícone exibido para mensagens de bots, deve ser hospedado em um ambiente público URL

transcript.iconSources.systemMessage

String

Ícone exibido para mensagem do sistema, deve ser hospedado em um ambiente público URL

transcript.iconSources.agentMessage

String

Ícone exibido para a mensagem do agente, deve estar hospedado em um local público URL

transcript.iconSources.customerMessage

String

Ícone exibido para a mensagem do cliente, deve ser hospedado em um local público URL

composer.disableEmojiPicker

Booleano

Desativa o seletor de emojis ao usar o editor de rich text

composer.disableCustomerAttachments

Booleano

Impede que os clientes enviem ou enviem anexos

footer.disabled

Booleano

Oculta o rodapé padrão e o botão Encerrar bate-papo