Voltar ao Painel

Documentação

Aprenda a usar o Asyntai

Personalize Seu Chatbot de IA

Configure a aparência, comportamento e configurações de IA do widget

Ir para Configurações

Cores do Widget

Plano Starter e Acima

Personalize o esquema de cores do seu widget de chat para combinar com sua marca. Todas as cores podem ser configuradas nas Configurações do Widget.

Configuração de Cor Descrição Padrão
Cor do Botão A cor do botão principal do widget de chat e do botão de enviar #6366f1
Fundo do Cabeçalho A cor de fundo do cabeçalho do chat e da área de entrada #f8fafc
Cor do Texto Cor de texto principal para cabeçalhos e mensagens do bot #1f2937
Mensagens do Usuário Cor de fundo das mensagens enviadas pelo visitante #6366f1
Mensagens do Bot Cor de fundo das respostas do assistente de IA #e5e7eb
Fundo do Chat Cor de fundo da área principal de mensagens do chat #ffffff

Dica: Cada cor tem um botão de redefinição para restaurar o valor padrão. Use cores complementares para mensagens do usuário e do bot para facilitar o acompanhamento das conversas.

Nome do Assistente de IA

Plano Starter e Acima

Personalize o nome exibido no cabeçalho do chat. É assim que os visitantes veem a identidade do assistente de IA. Exemplos:

  • AI Assistant (padrão)
  • Suporte ao Cliente
  • Assistente de Vendas
  • O nome da sua empresa ou mascote

Mensagem Inicial

A mensagem de saudação que os visitantes veem ao abrir o widget de chat pela primeira vez. Esta mensagem define o tom da conversa e incentiva o engajamento. Máximo de 200 caracteres.

Exemplo: "Olá! 👋 Como posso ajudá-lo hoje? Fique à vontade para me perguntar qualquer coisa sobre nossos produtos ou serviços."

Posição do Widget

Plano Starter e Acima

Controle onde o widget de chat aparece no seu site:

Posição Descrição
Canto Inferior Direito Posição padrão, canto inferior direito (recomendado)
Canto Inferior Esquerdo Canto inferior esquerdo da tela
Personalizado Ajuste fino com deslocamentos X e Y personalizados (em pixels)

Com posicionamento Personalizado, você pode definir:

  • Lado: Direito ou Esquerdo
  • X Offset: Horizontal distance from the edge (0-200px)
  • Y Offset: Vertical distance from the bottom (0-400px)

Abertura Automática

Engaje visitantes automaticamente abrindo o chat após eles estarem na sua página por um tempo definido. Essa abordagem proativa pode aumentar significativamente as taxas de conversação.

Configurações:

  • Ativar/Desativar: Ative ou desative o recurso de abertura automática
  • Atraso: Tempo em segundos antes de acionar (1-60 segundos)
  • Modo de Exibição:
    • Chat Completo + Bolha: Abre o chat completo no desktop, mostra bolha de notificação no celular
    • Apenas Bolha: Mostra bolha de notificação tanto no desktop quanto no celular (menos intrusivo)

Dica: Comece com um atraso de 5-10 segundos e o modo "Apenas Bolha" para uma experiência menos intrusiva. Monitore as taxas de engajamento para otimizar.

Bolha de Notificação

Exiba uma bolha de mensagem flutuante ao lado do botão do widget de chat para chamar a atenção do visitante e incentivar o engajamento.

Configurações:

  • Enable/Disable: Toggle the notification bubble
  • Mensagem da Bolha: Texto personalizado exibido na bolha (máx. 100 caracteres)

Exemplos: "Ask anything!", "Need help?", "Chat with us!", "Got questions? 👋"

Emblema de Não Lidas

Mostre um emblema de notificação vermelho no botão de chat indicando mensagens não lidas. Essa indicação visual chama atenção para o widget e melhora as taxas de engajamento ao sugerir que o visitante tem uma mensagem pendente.

Modo de Instrução

Controle como o assistente de IA responde às conversas:

Modo Descrição Melhor Para
Foco em Negócios A IA permanece no tema e foca no seu negócio, produtos e serviços. Redireciona conversas fora do tema de volta para assuntos comerciais. Ideal para empresas, e-commerce, SaaS
Conversas Gerais A IA lida com conversas mais amplas sem restrições rigorosas de tema. Mais flexível e conversacional. Educação, sites comunitários, blogs

Fazer Perguntas

Quando ativado, a IA fará perguntas de acompanhamento relevantes ao final de suas mensagens. Isso ajuda a:

  • Entender melhor as necessidades do visitante
  • Manter a conversa fluindo naturalmente
  • Coletar informações úteis para suporte
  • Aumentar o engajamento e a profundidade da conversa

Usar Emoji

Quando ativado, a IA incluirá emojis amigáveis em suas respostas para tornar as conversas mais calorosas e acessíveis. Desative para um tom mais profissional e formal.

Coletar Emails

Plano Starter e Acima

Quando ativado, um campo de entrada de email opcional aparece acima da entrada do chat. Os emails coletados aparecem na sua página de Leads onde você pode visualizá-los e exportá-los.

Nota: Ambos os campos de email e telefone são opcionais - os visitantes podem dispensá-los com o botão X. Se ambas as opções estiverem ativadas, os campos aparecem empilhados um sobre o outro. Se a localização estiver ativada, os textos são traduzidos automaticamente.

Dica: Quaisquer endereços de email ou números de telefone que os visitantes digitarem diretamente em suas mensagens de chat são automaticamente detectados e salvos na sua página de Leads.

Coletar Números de Telefone

Plano Starter e Acima

Quando ativado, um campo de entrada de telefone opcional com seletor de código de país internacional aparece acima da entrada do chat. Os números de telefone são salvos na sua página de Leads junto com os emails.

País Padrão

Por padrão, o seletor de código de país detecta automaticamente o país do visitante com base no idioma do navegador. Você pode substituir isso escolhendo um país padrão específico no menu suspenso. Por exemplo, se sua empresa está sediada na Austrália, selecione Austrália para que todos os visitantes vejam o código de país australiano (+61) por padrão em vez de depender da detecção automática.

Nota: Ambos os campos de email e telefone são opcionais - os visitantes podem dispensá-los com o botão X. Se ambas as opções estiverem ativadas, os campos aparecem empilhados um sobre o outro. Se a localização estiver ativada, os textos são traduzidos automaticamente.

Dica: Quaisquer endereços de email ou números de telefone que os visitantes digitarem diretamente em suas mensagens de chat são automaticamente detectados e salvos na sua página de Leads.

Captura Inteligente de Leads

Plano Starter e Acima

Quando ativado, a IA pedirá naturalmente aos visitantes suas informações de contato durante a conversa. Em vez de depender de campos de entrada visíveis, a IA encontra um momento natural no chat para solicitar um endereço de email ou número de telefone.

Como Funciona

A IA espera até ter ajudado o visitante ou respondido sua pergunta, depois pede educadamente os dados de contato. Ela pede apenas uma vez e respeita a decisão do visitante se ele recusar. Qualquer email ou número de telefone fornecido é automaticamente detectado e salvo na sua página de Leads.

Solicitar

Quando a Captura Inteligente de Leads está ativada, você pode escolher o que a IA deve solicitar:

  • Qualquer informação de contato (padrão) - a IA pedirá informações de contato, permitindo que o visitante compartilhe seu email ou número de telefone
  • Endereço de email - a IA pedirá especificamente o email do visitante
  • Número de telefone - a IA pedirá especificamente o número de telefone do visitante
  • Endereço de email e número de telefone - a IA pedirá tanto o email quanto o número de telefone

Esta configuração é independente dos campos de entrada Coletar Emails e Coletar Telefone - você pode usar a Captura Inteligente de Leads sozinha sem ativar os campos de entrada visíveis.

Dica: A Captura Inteligente de Leads funciona muito bem junto ou como alternativa aos campos de entrada visíveis de email/telefone. Você pode usar ambos para máxima captura de leads, ou usar a Captura Inteligente de Leads sozinha para uma interface de chat mais limpa.

Localização

Plano Starter e Acima

Traduza automaticamente a interface do seu widget para corresponder ao idioma do navegador do visitante. Suporta 32 idiomas incluindo:

Inglês Espanhol Francês Alemão Italiano Português Holandês Russo Chinês Japonês Coreano Árabe Hindi Polonês Turco Vietnamita Tailandês Indonésio Sueco Norueguês Dinamarquês Finlandês Tcheco Grego Hebraico Romeno Húngaro Ucraniano + mais

O Que é Traduzido:

  • AI Assistant Name: The name shown in the chat header
  • Initial Message: The greeting message when chat opens
  • Mensagem da Bolha de Notificação: O texto na bolha que chama atenção

Recursos:

  • Detecção automática: O widget detecta automaticamente o idioma do navegador do visitante
  • Editar Traduções: Visualize e personalize traduções para cada idioma
  • Regenerar: Regenere todas as traduções com um clique

Dica: A localização melhora significativamente as taxas de engajamento para públicos internacionais. A IA também responderá no idioma detectado do visitante.

Ocultar Marca

Apenas Plano Pro

Remova o texto "Powered by Asyntai" da parte inferior do widget de chat para uma experiência totalmente white-label. Ideal para agências e empresas que desejam uma integração de marca perfeita.

Plano Starter e Acima

Exiba um link para sua política de privacidade no rodapé do widget de chat, ao lado da marca "Powered by Asyntai". Isso ajuda você a cumprir regulamentações de privacidade e gera confiança com seus visitantes.

Configurações:

  • Enable/Disable: Toggle the privacy link on or off
  • URL do Link: A URL da sua página de política de privacidade (ex.: https://seusite.com/privacy)
  • Texto do Link: Personalize o texto exibido (padrão: "Política de Privacidade", máx. 20 caracteres). Você pode traduzir para qualquer idioma.

Como Aparece:

Digite uma mensagem...

Nota: Se você tiver "Ocultar Marca" ativado (plano Pro), apenas o link de privacidade aparecerá no rodapé. Se ambos estiverem desativados, o rodapé fica completamente oculto.

Aviso Personalizado

Plano Starter e Acima

Exiba um aviso personalizado acima do campo de entrada do chat. Perfeito para avisos legais, consentimentos ou informações importantes que você quer que os visitantes vejam antes de conversar.

Recursos:

  • Custom Text: Write any message up to 500 characters
  • Links Markdown: Suporte para links clicáveis usando sintaxe markdown: [Texto do Link](https://url.com)
  • Dispensável: Os visitantes podem fechar o aviso com o botão X (lembra a preferência)
  • Reinicia em Nova Sessão: O aviso reaparece quando uma nova sessão de chat começa

Exemplos de Uso:

  • "As respostas da IA podem nem sempre ser precisas. Por favor, verifique informações importantes."
  • "Ao usar este chat, você concorda com nossa [Política de Privacidade](https://seusite.com/privacy) e [Termos](https://seusite.com/terms)."

Como Aparece:

Assistente IA
Online
Olá! Como posso ajudá-lo hoje?
Ao usar este chat, você concorda com nossos Política de Privacidade. ×
Digite uma mensagem...
Powered by Asyntai

Dica: Use links markdown para incluir políticas de privacidade ou termos de serviço clicáveis. Exemplo: [Política de Privacidade](https://seusite.com/privacy)

Download da Transcrição

Plano Standard e Acima

Permita que os visitantes baixem sua conversa de chat como um arquivo .txt. Quando ativado, a opção "Baixar Transcrição" aparece no menu de três pontos no cabeçalho do chat.

Como Funciona:

  • Visitors click the three-dot menu icon in the chat header
  • Selecione "Baixar Transcrição" para salvar a conversa
  • The file includes all messages with timestamps and sender labels

Botão de Nova Conversa

Plano Starter e Acima

Permita que os visitantes iniciem uma nova conversa a partir do menu do chat. Quando ativado, a opção "Nova Conversa" aparece no menu de três pontos no cabeçalho do chat.

Como Funciona:

  • Visitors click the three-dot menu icon in the chat header
  • Selecione "Nova Conversa" para limpar o chat atual
  • Um novo ID de sessão é gerado e a mensagem de saudação é exibida
  • Email, phone, and custom notice inputs are reset for the new session

Histórico de Conversas

Plano Starter e Acima

Permita que os visitantes naveguem e restaurem conversas anteriores a partir do menu do chat. Quando ativado, a opção "Histórico de Conversas" aparece no menu de três pontos junto com "Nova Conversa".

Como Funciona:

  • Quando um visitante clica em "Nova Conversa", o chat atual é automaticamente arquivado no armazenamento local do navegador
  • Os visitantes podem clicar em "Histórico de Conversas" no menu para ver uma lista de conversas anteriores
  • Cada entrada mostra uma prévia da primeira mensagem, tempo relativo e contagem de mensagens
  • Clicar em uma conversa a restaura (o chat atual é arquivado primeiro para que nada seja perdido)
  • Até 20 conversas anteriores são armazenadas por widget

Nota: Ativar o Histórico de Conversas ativa automaticamente o Botão de Nova Conversa, já que as conversas são arquivadas quando os visitantes iniciam uma nova conversa. Desativar Nova Conversa também desativará o Histórico de Conversas.

Dica: O histórico de conversas é armazenado no navegador do visitante (localStorage). Se eles limparem os dados do navegador, o histórico será perdido. Conversas sem mensagens do usuário (apenas a saudação) não são arquivadas.

Slogan e Indicador de Status

Plano Starter e Acima

Controle o slogan e o indicador de status exibidos no cabeçalho do widget de chat. Por padrão, o texto "Online" é mostrado em verde abaixo do nome da IA, e um ponto verde pulsante é exibido ao lado do nome da IA.

Indicador de Status:

  • Ativar/Desativar: Mostre ou oculte o ponto de status verde pulsante ao lado do nome da IA
  • Padrão: Ativado — o ponto é visível por padrão para indicar que o chatbot está disponível

Slogan:

  • Ativar/Desativar: Mostre ou oculte o slogan abaixo do nome da IA
  • Texto Personalizado: Substitua o texto padrão "Online" por um texto de slogan personalizado de até 30 caracteres (ex.: "Disponível 24/7", "Aqui para ajudar")
  • Coloração Inteligente: O texto padrão "Online" é exibido em verde. O texto de slogan personalizado usa automaticamente a mesma cor do nome da sua IA para um visual coeso

Nota: O indicador de status e o slogan são configurações independentes — você pode ativar um, ambos ou nenhum.

Fala para Texto

Plano Standard e Acima

Ative a entrada de voz no seu widget de chat para que os visitantes possam falar suas mensagens em vez de digitar. O áudio é transcrito usando IA e colocado diretamente no campo de entrada do chat.

Como Funciona:

  • Botão do Microfone: Um ícone de microfone aparece na área de entrada do chat quando ativado
  • Gravação: Clicar no botão do microfone inicia a gravação com uma animação visual de onda e cronômetro
  • Transcrição: A fala é automaticamente convertida em texto usando IA
  • Parada Automática: A gravação para automaticamente após 60 segundos
  • Cancelar: Descarte a gravação a qualquer momento sem enviar

Após a Transcrição:

Escolha o que acontece após a mensagem de voz ser transcrita:

  • Mostrar no campo de entrada (padrão): O texto transcrito aparece na entrada do chat, permitindo que o visitante revise ou edite antes de enviar
  • Enviar automaticamente: A mensagem transcrita é enviada imediatamente sem que o visitante precise pressionar o botão de enviar

Você pode configurar isso no menu suspenso "Após a transcrição" nas configurações de Fala para Texto.

Nota: O navegador do visitante solicitará permissão do microfone no primeiro uso. A entrada de voz não funcionará se a permissão não for concedida.

Ícone do Chat

Plano Starter e Acima

Faça upload de uma imagem personalizada para substituir o ícone padrão do botão do widget de chat. Sua imagem será cortada em formato quadrado e exibida como o botão de chat flutuante que os visitantes clicam para abrir o chat.

Recursos:

  • Marca Personalizada: Use o logotipo da sua empresa ou um ícone personalizado que combine com sua marca
  • Recorte de Imagem: O recorte integrado permite selecionar exatamente qual parte da imagem usar
  • Formatos Suportados: PNG, JPG, GIF e WebP
  • Remoção Fácil: Remova seu ícone personalizado a qualquer momento para restaurar a bolha de chat padrão

Dica: Para melhores resultados, use uma imagem quadrada com um design simples que seja reconhecível em tamanhos pequenos (70x70 pixels).

Plano Starter e Acima

Faça upload de um logotipo da empresa que aparece no cabeçalho do chat ao lado do nome do assistente de IA. Isso dá ao seu chat uma aparência mais profissional e personalizada.

Como Aparece:

When set, a circular logo displays in the chat header in this order:

  • Indicador de Status Online: Indicador verde pulsante
  • Logotipo da Empresa: Sua imagem circular enviada
  • Nome do Assistente: O nome da IA, indicador de status e slogan "Online"

Casos de Uso:

  • Exiba o logotipo da sua empresa para reconhecimento de marca
  • Use o mascote ou ícone da sua marca
  • Adicione um toque profissional ao seu assistente de IA

Dica: Use uma imagem clara e de alta qualidade com um rosto ou ícone reconhecível. A imagem será cortada em formato circular e exibida em 40x40 pixels.

Iniciadores de Conversa

Plano Starter e Acima

Adicione sugestões de prompts clicáveis que aparecem acima do campo de entrada no widget de chat. Os visitantes podem clicar nelas em vez de digitar para iniciar rapidamente uma conversa. Os iniciadores só aparecem quando o chat está vazio e desaparecem após a primeira mensagem ser enviada.

Como Funciona:

  • Ativar/Desativar: Ative ou desative os iniciadores de conversa na página de Personalização
  • Até 4 Prompts: Adicione até 4 prompts de texto curtos (máx. 100 caracteres cada) pelo botão "Editar Iniciadores"
  • Chips Clicáveis: Os iniciadores aparecem como botões em formato de pílula diretamente acima do campo de entrada
  • Envio Automático: Clicar em um iniciador envia o texto como uma mensagem do usuário, como se ele tivesse digitado
  • Apenas em Chat Vazio: Os iniciais só ficam visíveis quando a conversa está nova — eles não aparecerão se houver mensagens existentes (ex: após recarregar a página com histórico de chat)
  • Hover Dinâmico: A cor de hover do chip corresponde à cor do botão do seu widget

Casos de Uso:

  • Direcione visitantes para tópicos comuns: "Quais são seus preços?", "Como começo?"
  • Reduce friction for first-time visitors who don't know what to ask
  • Highlight key services or features your AI assistant can help with

Dica: Mantenha seus iniciais curtos e orientados à ação. Perguntas funcionam melhor do que afirmações porque parecem mais naturais de clicar.

Limite de Caracteres

Plano Starter e Acima

Defina o número máximo de caracteres que um visitante pode enviar em uma única mensagem. Isso ajuda a prevenir spam e mantém as conversas focadas.

Como Funciona:

  • Limite Padrão: 750 caracteres por mensagem
  • Valor Mínimo: 500 caracteres
  • Aviso: Um pequeno aviso vermelho aparece abaixo do campo de entrada quando um visitante excede o limite
  • Auto-Redução: Mensagens que excedem o limite são automaticamente reduzidas ao tamanho configurado antes de serem enviadas

Recomendação: Recomendamos manter o limite em 750 caracteres. Definir um valor muito alto pode aumentar o risco de spam ou uso indevido ao permitir mensagens excessivamente longas.

Temperatura

Plano Starter e Acima

A temperatura controla quão criativas ou focadas são as respostas da sua IA. Ela ajusta a aleatoriedade do modelo de linguagem ao gerar respostas.

Como Funciona:

  • Intervalo: 0.0 a 2.0
  • Padrão: 0.7
  • Valores mais baixos (0.0 - 0.5): Respostas mais focadas, consistentes e previsíveis. Ideal para perguntas e respostas factuais, suporte e consultas técnicas.
  • Valores médios (0.5 - 1.0): Um equilíbrio entre precisão e criatividade.
  • Valores mais altos (1.0 - 2.0): Respostas mais variadas, criativas e diversas. Ideal para brainstorming ou chatbots conversacionais.

Dica: Em 0, a resposta para a mesma pergunta será praticamente sempre a mesma. Em valores mais altos, as respostas podem variar mais a cada vez. Definir como 2.0 não é recomendado para empresas, pois aumenta significativamente a chance de alucinação e respostas imprecisas.

Visualize Seu Widget

Antes de suas alterações entrarem em vigor, teste como seu widget de chat ficará e se comportará em diferentes dispositivos usando os botões de simulação.

Visualizar no Desktop Abre uma janela de navegador simulada mostrando seu site com o widget de chat. Veja exatamente como o widget aparece, teste o acionamento automático e interaja com o chat no desktop.
Visualizar no Mobile Abre uma tela de celular simulada mostrando seu widget em dispositivos móveis. Teste como a bolha de notificação e a janela de chat ficam em telas menores.

Dica: As simulações de visualização carregam o widget real exatamente como ele apareceria no seu site, incluindo suas cores personalizadas, mensagens e configurações de acionamento automático.

Salvando Alterações

Todas as alterações de personalização são salvas automaticamente conforme você as faz. Você verá uma mensagem de confirmação quando as configurações forem salvas com sucesso. As alterações entram em vigor imediatamente no seu site.