Como podemos ajudar?

04. Alterando a aparência do chatbot via plataforma (nome, cor, logo, avatar, mensagem de boas-vindas)
3 min
Criado por Humanz em 03/06/2022 12:38
Atualizado por MLMC em 09/03/2023 14:21
Como o widget existe apenas para chatbots incorporados em sites, a personalização da aparência do chatbot está disponível somente para o canal Web Chat.
Se você chegou até aqui deve ser porque já criou o seu chatbot com o canal Web Chat e agora quer alterar alguma coisa na aparência dele para deixar perfeito. Certo? 
Para isso, siga os passos abaixo.

1. Na Plataforma, vá até a aba Integrações, no menu lateral direito.
2. Escolha a integração Web Chat e clique em Personalizar.
 
Alterando a aparência do chatbot via plataforma - 1.png
 
3. Será exibida a lista com todas as aparências já criadas na plataforma. Agora é só clicar na aparência que você deseja editar ou em Nova aparência.
 
Alterando a aparência do chatbot via plataforma - 2.png

Configurando a aparência

Cada configuração está separada em 3 etapas.

1. Nome da aparência

Defina um nome para a sua aparência. Clique em Próximo. 
 
Alterando a aparência do chatbot via plataforma - 3.png

2. Cor, logo da empresa e avatar

A tela para personalizar a aparência de seu chatbot será aberta. Defina cor, logo e avatar que deseja utilizar. Em seguida, clique em Próximo.
 
Alterando a aparência do chatbot via plataforma - 4.png
Com a função Editor CSS, localizada no final da tela acima, é possível realizar algumas configurações avançadas. Saiba mais.
 

3. Mensagem de boas-vindas do chatbot (saudação)

A mensagem de boas-vindas é a primeira mensagem que será exibida ao usuário quando ele abrir o Web Chat integrado em seu site.
 
 A mensagem de boas-vindas é obrigatória quando o fluxo começa com uma interação de usuário.
 
Aqui, você pode criar uma mensagem de boas-vindas de acordo com o seu público. Ao finalizar, clique em Salvar. 
 
Alterando a aparência do chatbot via plataforma - 5.png
Você também pode adicionar mídia, botões, cartão e carrossel. Clique aqui para saber mais sobre essas opções.

Quer saber mais sobre personalização?
Veja as nossas configurações avançadas disponibilizadas para os desenvolvedores aqui.
 
Últimos artigos visitados