Acessar as configurações do widget

Acesse Build > Integrate > Channels e selecione seu widget para acessar as abas de configuração.

Você pode configurar o widget usando as seguintes abas:

• Formato e design: Personalize a aparência.

• Saudações: Defina como seu bot dá boas-vindas aos usuários.

• Transferência (somente gerentes de bots): Gerencie as transições entre o bot e os agentes humanos.

• NPS: Ative pesquisas de Net Promoter Score.

• Integração: Configure a integração e o compartilhamento do widget.

• Avançadas: Configure as definições avançadas.

  Um menu no canto superior direito permite duplicar ou excluir a configuração do widget. Você também pode associar o widget duplicado a um novo idioma.

Visão geral do widget de chatbot ViaSay

A Widget de chatbot ViaSay é uma interface de chat simples que pode ser facilmente integrada ao seu site.

Formato e design

Defina a identidade visual e a posição do seu widget no site.

Formato da janela de chat

Escolha entre três modos de exibição:

• Widget: Balão de chat clássico no canto (recomendado)

• Barra lateral: Painel fixo na borda da página

• Página inteira: Página de chat dedicada

Cores e tipografia

Cor principal: Cor do cabeçalho e do plano de fundo (código hexadecimal)
Cor secundária: Respostas rápidas, links e balões de mensagens do usuário
Fonte: Selecione entre as fontes disponíveis

Posição do balão de chat

Posição: Escolha o canto esquerdo ou direito
Margens: Ajuste o espaçamento em relação às bordas (margem direita, margem inferior)
Índice Z: Controle a sobreposição com outros elementos da página

Menu persistente

Adicione itens de menu sempre visíveis no rodapé do widget:

• Título do item: Nome de exibição (por exemplo, "FAQ", "Contato")

• Tipo de item: Link para uma URL da web ou ação do bot

• URL: Destino dos links da web

Link de privacidade: Ative para adicionar ao menu um link para a política de privacidade em conformidade com o RGPD.

Ícone do balão de chat

Ícone padrão: Use o ícone de chat padrão da ViaSay
Ícone personalizado: Envie seu logotipo (formato quadrado, recomendado: 60×60 px)
Texto ou emoji: Exiba texto personalizado ou emoji em vez do ícone

Abertura automática: Controle quando o chat é aberto automaticamente (somente ao clicar, após um atraso etc.)

Saudações

Defina a primeira mensagem que os usuários veem ao abrir o widget.

Introdução do bot

Texto da mensagem: Escreva uma mensagem de boas-vindas concisa (por exemplo, "Olá 👋 Como posso ajudar?")

Respostas rápidas

Adicione até 10 botões de resposta rápida para orientar os usuários para tópicos comuns:

• Clique em + Adicionar uma resposta rápida

• Insira o texto do botão (por exemplo, "Rastrear meu pedido", "Preços", "Suporte técnico")

• As respostas rápidas iniciam os fluxos correspondentes do bot

Transferência

Configure a transferência do bot para o suporte ao vivo com um agente humano.

Ícone de transferência

Visibilidade: Ative ou desative a exibição do ícone de contato do agente no cabeçalho do widget
Texto da dica de ferramenta: Personalize o texto exibido ao passar o mouse (padrão: "contatar agente")
Mensagem de acionamento: Mensagem enviada quando o usuário clica no ícone de transferência

⚠️ Requer configuração do canal do agente.

NPS

Colete dados de satisfação dos clientes com pesquisas de Net Promoter Score.

Ativar pesquisa de NPS

Ative a opção A pesquisa de NPS está ativada para ativar.

Pergunta de avaliação

Por padrão, é usada a pergunta de NPS padrão do setor: "Qual é a probabilidade de você recomendar nosso chatbot a um amigo ou colega?"

Pergunta de acompanhamento: Opcionalmente, adicione uma pergunta de texto após a avaliação (caixa de seleção para ativar)

Mensagem de agradecimento

Personalize a mensagem exibida após a conclusão da pesquisa (padrão: "Agradecemos seu feedback!")

Integração

Acesse seu código de instalação e teste o widget.

Código de instalação

Copie o trecho de JavaScript para incorporá-lo ao seu site. Cada widget tem um token exclusivo.

Siga esta documentação para instalar seu widget

Link de visualização

Teste a configuração do seu widget antes da implantação usando a URL de visualização.

Distribuição do público

Controle qual porcentagem dos visitantes vê o widget (0–100%). Use para lançamentos graduais ou testes A/B.

👍 Implante de forma invisível e lance quando estiver pronto

Defina a Distribuição do público como 0% durante a configuração. O código do widget será implantado em produção, mas permanecerá oculto. Quando estiver pronto para lançá-lo, ajuste a porcentagem em Integração para controlar a visibilidade — sem necessidade de alterações no código.

Avançadas

Ajuste detalhadamente os comportamentos técnicos e os metadados.

Tempo limite da conexão

Ativar tempo limite da conexão: Feche automaticamente a conexão com o back-end após um período de inatividade do usuário para otimizar o uso de recursos.

Referência do cliente

Atribua um identificador personalizado à propriedade customer_ref para segmentação e lógica condicional nos fluxos do bot.

Comportamento dos links

Abrir links em novas abas: Ative para abrir URLs de mensagens do bot em abas separadas do navegador.

Marca ViaSay

Exibir crédito à ViaSay: Ative ou desative o texto "Powered by ViaSay" no rodapé (ativado por padrão).

Ação inicial do bot

Selecione qual ação do usuário aciona a mensagem inicial do bot (padrão: Ação inicial do usuário).

Melhores práticas

Testar na visualização: Sempre valide as alterações no modo de visualização antes de publicar.

Design mobile-first: Verifique a aparência em telas pequenas; ajuste as margens se necessário.

Saudações claras: Mantenha as mensagens de boas-vindas com menos de 100 caracteres; use respostas rápidas para orientar.

Consistência da marca: Combine a cor principal com a cor primária da marca do seu site.

Momento estratégico para o NPS: Faça a pesquisa após interações bem-sucedidas com o bot, e não imediatamente ao abrir.

Publicar alterações

Clique em Publicar no canto superior direito para publicar as alterações de configuração. As alterações são aplicadas imediatamente aos widgets implantados.