Personalizações de chat adicionais

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 URLs públicos.

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:

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 bot, deve estar hospedado em um URL público
transcript.iconSources.systemMessage	String	Ícone exibido para mensagem de sistema, deve estar hospedado em um URL público
transcript.iconSources.agentMessage	String	Ícone exibido para mensagem de atendente, deve estar hospedado em um URL público
transcript.iconSources.customerMessage	String	Ícone exibido para mensagem de cliente, deve estar hospedado em um URL público
composer.disableEmojiPicker	Booleano	Desativa o seletor de emojis ao usar o editor de rich text
composer.disableCustomerAttachments	Booleano	Impede que os clientes enviem ou façam upload de anexos
footer.disabled	Booleano	Oculta o rodapé padrão e o botão Encerrar bate-papo