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.

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.