Ir para o conteúdo
Widget de chamados

Suporte dentro da tela onde o cliente já está

Dez linhas no seu site e pronto: o cliente abre chamado, acompanha o andamento, conversa com a sua equipe e fala com o agente de IA sem sair do seu produto — com a cor, o logo e o nome da sua empresa.

  • Instalação em minutos
  • Identidade verificada por assinatura
  • Português, inglês e espanhol
Do lado do cliente

Tudo o que ele precisa, sem abrir outro sistema

Sem senha nova, sem portal separado, sem "abra um ticket no nosso site".

Abrir chamado

Formulário curto: tipo, prioridade, departamento, título e descrição, com anexo até 10 MB.

Acompanhar e responder

Com a identidade assinada pelo seu servidor, a lista inteira dele, com selo de não lidos e a conversa preservada. Sem assinatura, o que ele abriu naquele navegador.

Conversar no chat

Quando há gente disponível, a conversa é na hora; fora do horário, vira chamado sem o cliente perceber a diferença.

Falar com o agente de IA

A IA responde citando o artigo da sua base e passa para um humano quando não tem fonte.

Ver as novidades

O selo de versão acende quando você publica uma nota, dentro do mesmo widget.

Avaliar o atendimento

Nota de 1 a 5 ao encerrar, que alimenta o CSAT e a saúde do cliente.

Identidade

Com a sua cara, não com a nossa

O widget é uma extensão do seu produto. Tudo o que o cliente vê ali segue a identidade que você configurou — e muda por produto, se a sua empresa tiver mais de um.

  • Cor e logo do produto, aplicados no cabeçalho e nos botões
  • Saudação e título editáveis, em cada um dos três idiomas
  • Bolha em qualquer um dos quatro cantos da tela
  • Cor do texto calculada por contraste, para a leitura não sofrer com a sua cor de marca
  • A saudação abre a conversa com o avatar e o nome de quem vai atender

Um widget por produto

Se você vende três sistemas, cada um tem logo, cor, base de conhecimento e agente de IA próprios — e o mesmo snippet serve aos três, mudando um parâmetro.

Instalação

Quatro passos, dez minutos

  1. 1

    Cole o snippet

    Uma tag antes do fechamento do body, com a chave pública que o painel gera. Ela pode ficar visível no navegador.

  2. 2

    Identifique quem está ali

    Informe o usuário e a empresa dele com os códigos do SEU sistema — e, se quiser, o produto e o papel dele ali (role). Nada de cadastro novo para o cliente.

  3. 3

    Assine no seu servidor

    Uma assinatura HMAC calculada no seu backend prova que aquele usuário é mesmo quem diz ser.

  4. 4

    Publique

    O arquivo é servido pela nossa CDN. Toda atualização chega sem você mexer no seu site de novo.

Em apps nativos o caminho é o mesmo, com o pacote da plataforma — iOS, Android, Flutter, React Native, .NET, Delphi, Lazarus, Java e Python. E o mesmo widget liga o adicional de Monitoramento sem outro script: um parâmetro monitor no init, com a chave de envio do agente, e os erros daquela tela viram demanda no Projetos.

Papel de quem usa

Diga quem está do outro lado, e o atendimento muda de tom

A sua página declara role: { key, label } no init e o bFocus passa a saber que ali está o administrador, o faturamento ou o balconista daquele produto. Com isso o agente de IA fala do jeito certo com cada um, e a novidade interna vai só a quem ela interessa.

  • A chave (key) é obrigatória — minúsculas, números, hífen e sublinhado; o rótulo (label) é opcional
  • Exige o produto declarado na mesma instância: papel é sempre de um produto, e sem produto o papel é ignorado
  • Papel que já existe só é vinculado; papel novo é cadastrado e vinculado sozinho — você não chama API nenhuma antes
  • O rótulo só é gravado na criação: renomear depois é na tela do bFocus, para uma página desatualizada não desfazer o nome a cada sessão
  • Uma pessoa tem um papel por produto; declarar outro substitui
  • Trocar em sessão aberta é com bFocus.identify({ role })
  • Na aba Papéis do produto você escreve duas instruções por papel: como tratar quem é dele e o que ele não acessa
  • Para sincronizar sem esperar alguém abrir a página, as SDKs têm products.roles — list, upsert e delete

É declaração, não permissão

O papel é declarado pela sua página e viaja FORA da assinatura (o userHash cobre usuário e cliente). As limitações de acesso são instrução de conversa para o agente; quem decide o que a pessoa vê continua sendo o bFocus.

Ver as três operações
Segurança

Cada cliente vê só o que é dele

Identidade verificada

Com a identidade verificada ligada, o bFocus recusa quem não traz uma assinatura válida do seu servidor. A assinatura vale 7 dias, e quem cria o widget hoje já começa com a exigência ligada.

Sem cookies de rastreio

A sessão do widget fica no armazenamento local do navegador, e serve só para manter a conversa aberta.

Chave pública e chave de servidor

A do navegador só abre o widget, e só nos domínios autorizados que você cadastrar — o domínio raiz já cobre os subdomínios, então https://cliente.com.br libera app.cliente.com.br e loja.cliente.com.br. A que lê e escreve dados fica no seu servidor, com escopos e lista de IPs.

Anexo só o que subiu por aqui

O chamado aceita o arquivo que o próprio widget enviou, da mesma empresa e do mesmo usuário.

Teto por IP e por empresa

Abertura de chamado, comentário, chat, upload e resposta da IA têm limite por usuário, por IP e por empresa.

Exportação dos dados

A empresa exporta os dados de um usuário do widget pelo painel, e a exportação fica registrada.

Perguntas sobre o widget

Meu cliente precisa criar conta no bFocus?

Não. Ele é identificado pelos códigos do seu próprio sistema, e nunca entra no painel do bFocus. Para ele, o suporte é seu.

O widget deixa meu site lento?

O script carrega de forma assíncrona pela CDN e o painel só é montado quando alguém clica na bolha.

Funciona em site sem login?

Funciona. O widget sempre recebe um código de usuário e de empresa. Num site sem login, o seu servidor gera esses códigos — e, sem a assinatura do seu servidor, cada navegador vê só os chamados que ele mesmo abriu.

E dentro do meu aplicativo?

Existe pacote nativo para iOS, Android, Flutter, React Native, .NET, Delphi, Lazarus, Java e Python, com selo de não lidos e aviso de novidades. Push no celular e no .NET MAUI; no desktop, notificação do sistema por consulta periódica.

Coloque o suporte dentro do seu produto

Crie a conta, gere a chave e cole o snippet. Dá para ver funcionando hoje.