Configurar uma implantação de chat da Web aprimorado

Publicar uma implementação

Se você acabou de criar seu primeiro canal e implantação do Chat aprimorado no fluxo de início rápido e estiver pronto para personalizar essa implantação, ignore a seção Publicar uma implantação. Se você estiver adicionando uma implantação adicional a um canal do Chat aprimorado preexistente, siga estas etapas para estabelecê-la.

1. Habilite as experiências digitais na sua organização.
2. Em Configuração, na caixa Busca rápida, insira Implementações de serviço integrado e selecione Implementações de serviço integrado.
3. Clique no botão Nova implementação. Escolha seu tipo de conversa, Chat aprimorado.
4. Selecione a Web como o destino da implantação para seu canal.
5. Dê um nome à sua implantação de Serviço integrado, que cria o Nome da API.
   
6. Insira o nome do Domínio de nível superior do site, como example.com. Esse nome abrange todos os subdomínios do URL, como help.example.com. Para uma implementação do Criador de experiências ou site do Commerce Cloud, acesse Domínios em Configuração e copie o Domínio do site do Experience Cloud.
   1. Para alterar o domínio associado à sua implantação de serviço integrado, acesse Configuração | Interface do usuário | Sites e domínios | Sites e selecione seu site na coluna Rótulo do site. O seu site é formatado como ESW_[deploymentname]_[numbers]. Em Domínios confiáveis para quadros embutidos, encontre o domínio ou subdomínio que você deseja alterar e clique em Editar. Salve suas alterações.
7. Selecione o Canal de mensagens que você criou em Configurações de Mensagens e adicione à implantação. Se você não tiver criado um canal, acesse Configurações de Mensagens.
8. Salve seu trabalho.
9. Crie e publique sua nova implantação, o que leva alguns minutos. Não saia da página até que ela esteja concluída.
10. Para garantir que o Chat aprimorado continue funcionando da maneira ideal, sempre publique novamente sua implementação depois de testar os recursos recém-adicionados.

Personalizar sua implementação

O controle da missão para a experiência do cliente é a página Configurações de implantação do Serviço integrado. Edite suas configurações de mensagens, selecione a identidade visual, adicione valores pré-chat e copie seu snippet de código para fornecer conversas ao seu site.

Depois de criar ou editar uma implementação, você deverá publicá-la novamente clicando no botão Publicar na página Configurações.

Você também pode personalizar os seguintes aspectos da sua implementação nas Configurações de implementação do Serviço integrado:

Seção de personalização	O que é possível	Trabalho adicional obrigatório
Configurações	Marque as caixas para mostrar a entrega e os avisos de leitura aos clientes na janela de mensagens deles. Marque uma caixa para mostrar indicadores de digitação. Marque uma caixa para mostrar o teclado de emojis aos clientes. Marque uma caixa para alterar o comportamento padrão da chave Enter ou Return de enviar uma mensagem para começar uma nova linha de texto. Para exibir a janela de mensagens apenas durante o horário comercial, selecione um registro de horário comercial.	Antes de adicionar o horário comercial à sua implementação, crie um registro de horário comercial. Para substituir o horário comercial e ocultar ou mostrar o botão de chat em horários especificados, use nossa API.
Identidade visual	Defina cores e fontes (incluindo fontes personalizadas) e carregue avatares e imagem do botão de chat para corresponder à sua identidade visual na janela de chat voltada para o cliente. Recomendamos usar uma imagem de avatar de 40 x 40 pixels. Você também pode definir a largura e a altura da janela de chat. Não é possível adicionar CSS personalizado à sua implementação.	As imagens de avatar são obtidas de uma página da Web. Gere o URL de cada imagem. Para usar uma fonte personalizada, carregue um arquivo de fonte .ttf, .otf ou .woff2 para Recursos estáticos. Dê um nome exclusivo ao arquivo de fonte e defina o controle de cache como público. Na identidade da marca, selecione a opção de fonte personalizada e especifique o nome do arquivo de fonte que você enviou como um recurso estático. Para seu botão de chat, recomendamos usar uma imagem circular ou quadrada. Se você estiver personalizando o botão de chat em um site do Criador de experiências, adicione o domínio da imagem aos URLs confiáveis da CSP para garantir que seja renderizado corretamente. Consulte Selecionar um nível de segurança em sites do Criador de experiências
Pré-chat	Selecione os campos padrão e personalizados que os clientes devem preencher antes de enviar mensagens a um representante de serviço. Adicione campos pré-chat ocultos para coletar informações automaticamente nos bastidores.	Para adicionar campos visíveis ou ocultos ao seu formulário pré-chat, crie um parâmetro personalizado no canal de mensagens para a implementação. Consulte Personalizar pré-chat para chat aprimorado.
Rótulos personalizados	Escreva seus próprios rótulos para campos e texto alternativo em sua experiência de mensagens. Selecione o idioma em que deseja que cada rótulo apareça.	Antes de criar rótulos personalizados, habilite o Workbench de tradução, adicione seu idioma ou idiomas com suporte e atribua tradutores. Consulte Habilitar o Workbench de tradução e Adicionar idiomas traduzidos e tradutores.
Snippet de código	Copie o snippet de código para adicionar a implementação de mensagens ao seu site. Ignore essa ação se estiver integrando mensagens em um site do Commerce Cloud ou Criador de experiências. Consulte a próxima seção para adicionar mensagens ao seu site.	Integre o Chat aprimorado em um site do Criador de experiências ou do Commerce Cloud com o componente Mensagens integradas, não um snippet de código. Consulte a próxima seção para Adicionar chat aprimorado ao seu site externo.

Adicionar chat aprimorado ao seu site

Se estiver integrando o Chat aprimorado a um site externo, siga estas etapas para adicionar seu snippet de código. Se estiver usando um site do Criador de experiências ou do Commerce Cloud em vez de um site, adicione o Chat aprimorado por meio do componente Mensagens integradas. Você não precisa de um snippet de código para concluir a tarefa.

1. Em Configurações de implantação, selecione Instalar snippet de código.
2. Para selecionar seu código, clique em Copiar a área de transferência.
3. Cole o código antes da tag de fechamento do corpo ((</body>)) em cada página da Web em que você deseja que o botão de mensagem apareça. Não coloque o código no cabeçalho. Adicione um código de idioma válido para sua configuração de idioma no snippet.
4. O Chat da Web aprimorado é compatível com a maioria das políticas de referenciador, como origin. Ao selecionar sua política de referenciador, considere estas advertências.
   1. Certifique-se de que o cabeçalho da página de botão do chat não contenha uma política de referenciador de no-referrer. Mais especificamente, a página não deve incluir esta linha: <meta name="referrer" content="no-referrer" />.
   2. Para garantir que o Chat da Web aprimorado funcione perfeitamente no navegador Firefox, não use uma política de referenciador de same-origin.
5. Como opção, inclua o Snippet de código de metamarca no elemento de cabeçalho para tornar sua página responsiva para todos os dispositivos. Se a sua página já tiver a metamarca, não será necessário adicionar esse snippet. O código é o único que vai na seção de cabeçalho de cada página da Web em que as mensagens integradas são exibidas.

Definir protocolos de segurança para sua implementação

Depois de concluir a configuração, adicione seu domínio à lista de permissões do CORS.

1. Em Configuração, insira CORS na caixa Busca rápida e selecione CORS.
2. Selecione Novo.
3. Insira o padrão de URL da origem.
4. Salve seu trabalho.