Minichat
O Minichat do tolky é um widget interativo e personalizável, ideal para ser incorporado em sites, aplicações web ou mobile. Ele oferece uma interface dinâmica para conversas diretas e personalizadas com um avatar digital. A seguir, detalhamos os principais componentes da interface do Minichat:
Componentes do Minichat
-
Imagem do Avatar: Localizada no topo, esta imagem apresenta o avatar do Minichat, que é a face da interação digital no site.
-
Nome do Usuário: Ao lado do avatar, há um espaço dedicado para o nome do usuário, reforçando a personalização da experiência de chat.
-
Nome do Avatar: Abaixo do avatar, é exibido o nome do avatar, sela ele uma pessoa ou marca.
-
Assuntos: Abaixo do nome são listadas tags com os assuntos relevantes, indicando os tópicos disponíveis para discussão.
-
Mensagens: A área central exibe a troca de mensagens entre o usuário e o avatar, começando com uma mensagem de boas-vindas que introduz o tipo de informações que o usuário pode solicitar.
-
Caixa de Diálogo: Na parte inferior, os usuários encontram um campo onde podem digitar suas perguntas ou mensagens, interagindo diretamente com o avatar.
-
Minichat Reduzido: Quando não está em uso, o Minichat pode ser minimizado para um ícone flutuante, permitindo aos usuários acessá-lo facilmente sem obstruir a navegação pelo site.
-
Botão para Fechar: Um botão para fechar o Minichat é claramente visível no canto superior direito, dando aos usuários a opção de encerrar a interação quando desejarem.
O Minichat do tolky é uma extensão interativa que enriquece a experiência do usuário, proporcionando suporte e interação em tempo real com um toque de personalidade da marca.
Customizando o Banner do Minichat
O banner do minichat é um elemento importante, pois está presente durante toda a navecação do usuário. Ele precisa se destacar para convidar o usuário para conversar, ao mesmo tempo que não deve impactar a experiência de navegação do site.
Banner do Minichat Padrão
Se o usuário não customizar o banner do minichat, o tolky deverá apresentar o seu padrão, como o representado abaixo:
Composição do Minichat
O banner é composto de 3 elementos, são eles:
1. Fundo
Parte que fica ao fundo do banner com uma mensagem de saudação. Veja o exemplo:
Background Padrão
Background Exemplo
Background Medidas
2. Ícone do Banner
Ícone que fica sobreposto em relação ao background. Veja o exemplo:
Ícone Padrão
Ícone Exemplo
Medidas do Ícone
3. Ícone do Banner (Fechado)
Este ícone é o mesmo do anterior, porém esta versão é visualizada quando o fundo do banner não está presente. Este caso acontece quando o usuário clica pela primeira vez no Minichat e fecha, passando assim a ficar o banner de forma reduzida.
Ícone Padrão
Ícone Exemplo
Medidas do Ícone
Baixar Temaplate dos Banners
Template no Figma
Acesse o template dos elementos no Figma para produzir seu bnaner do Minichat customizado.