UserFeedChat

UserFeedChat

Feedchat · Marketing

O UserFeedChat é um widget de feedback gratuito e de código aberto com o qual sites coletam o feedback dos usuários com sentimento e capturas de tela.

Prévia da interface de UserFeedChat

Sobre UserFeedChat

O que é o UserFeedChat

O UserFeedChat é um widget de feedback que você insere em um site para que os visitantes enviem comentários, um humor e capturas de tela a partir de um pequeno painel flutuante. A biblioteca é publicada como web component, então funciona em React, Vue, Svelte ou HTML puro sem reescrever nada. Por dentro, é um único script de cerca de 63 KB e não há servidor para configurar.

O interessante é o que ele não faz. Em vez de armazenar o feedback em um banco de dados da empresa, ele dispara um evento de navegador feedchat:submit e entrega o conteúdo a você. Você decide para onde vai: sua própria API, análise, um webhook de e-mail, o que você já tiver rodando. Como ferramenta de feedback de usuários, ele para na coleta. Isso mantém os dados dentro da sua estrutura, e também significa que não há camada de análise esperando por você do outro lado.

E o que acontece depois de um envio? Nada, até você escrever o código.

Sem banco de dados. Sem contas. Sem fatura mensal.

A troca é real. Não há painel, nem análise com IA, nem caixa de entrada, então qualquer resumo ou triagem precisa acontecer depois. Se você quer uma suíte de pesquisa pronta para usar com insights hospedados, não é esta. Você compra simplicidade, e a simplicidade tem um custo.

Primeiros passos

  1. Instale o pacote com npm install feedchat ou pnpm add feedchat.
  2. Importe o script no seu app e adicione um elemento <feedchat-widget> na página onde os usuários devem vê-lo.
  3. Defina atributos opcionais como label, user-id e app-version para que os envios carreguem contexto útil.
  4. Escute o evento feedchat:submit e encaminhe cada envio para sua API, análise ou webhook.
  5. Sobrescreva as variáveis CSS para ajustar as cores e fontes da sua marca.

Informações do produto

Uma visão rápida dos preços, das plataformas compatíveis e do desempenho de UserFeedChat.

Plano gratuitoSim
Planos pagos$0
PlataformaWeb (any framework that renders custom elements)
DesenvolvedorFeedchat
CategoriaMarketing
Data de lançamentoJul 2026
Última atualizaçãoJul 2026
Visitas ao siteN/A
Ranking global do siteN/A
Disponibilidade da APINão

Ideal para

Os usuários, tarefas e cenários em que esta ferramenta se encaixa melhor.

Usuários

  • Desenvolvedores front-end
  • Fundadores independentes
  • Equipes de produto

Tarefas

  • Coletar feedback dentro do app
  • Etiquetar os envios
  • Montar um fluxo de revisão próprio

Cenários

  • Lançar um recurso novo
  • Rodar um beta
  • Auditar um fluxo de checkout

Principais recursos

Web component independente de framework

O UserFeedChat é distribuído como custom element, então funciona em React, Vue, Svelte ou uma página HTML comum. Você instala, importa o script e coloca <feedchat-widget> onde o lançador deve ficar. Não há nenhum wrapper específico de framework para manter, o que significa que uma única integração cobre todo o front-end que sua equipe tem rodando agora.

Sentimento mais capturas de tela

Cada envio traz um humor obrigatório de triste, neutro ou feliz, junto com uma mensagem escrita e as imagens anexadas. Isso dá um sinal rápido de como o usuário se sentiu, não apenas do que ele disse. O botão de enviar fica desativado até que um sentimento seja escolhido e haja uma mensagem ou pelo menos uma imagem. Filtros simples como esse reduzem, sem alarde, os relatos vazios ou acidentais antes de chegarem à sua caixa de entrada.

Contexto rico em cada envio

Cada envio inclui a URL da página, o título, o user agent, um carimbo de data e hora ISO e o tamanho da viewport. Você pode adicionar user-id, app-version e qualquer atributo data-*, e eles são replicados nos metadados do envio. Depurar um relato fica mais fácil quando você sabe exatamente onde e como ele foi enviado. Esse é justamente o ponto. Contexto vence suposição sempre.

Sem backend

O widget não armazena nada por conta própria. Ele dispara o evento feedchat:submit e para por aí, então você decide se os dados vão para uma API, um webhook ou uma ferramenta de análise. Nada fica nos servidores de outra pessoa a não ser que você coloque lá, e essa escolha de design é o que o separa de quase toda plataforma de pesquisa hospedada com que você o comparar. São seus dados, do começo ao fim.

Personalizável com sua marca

As variáveis CSS controlam a cor de destaque, a superfície, o painel, a borda, o texto e a fonte, além do fundo, do raio e da cor do botão do lançador. Você pode fazer o painel encaixar em um sistema de design sem bifurcar o código-fonte. Não precisa recompilar nada. Aponte as variáveis para sua paleta e ele combina.

Gratuito e de código aberto

O projeto roda sob licença MIT e o código completo está no GitHub. Você pode ler o código, hospedá-lo por conta própria e modificá-lo. Sem nível de preço, sem limite de uso, sem conta. Isso é raro. A maioria das ferramentas de feedback quer uma conta antes de mostrar qualquer coisa.

Runtime mínimo

O pacote de execução tem cerca de 62,6 KB, pequeno o bastante para não desacelerar de forma perceptível o carregamento de uma página. Para equipes que já se preocupam com scripts de terceiros, isso importa. É minúsculo. Ninguém percebe que ele carrega.

Prós e contras

Prós

  • Gratuito, com licença MIT e totalmente auto-hospedável, então não há dependência de fornecedor nem assinatura, e você pode inspecionar cada linha de código antes de ele chegar aos usuários.
  • Web component independente de framework que encaixa em React, Vue, Svelte e HTML puro.
  • A captura de sentimento e de capturas de tela dá um contexto que o feedback só de texto deixa passar.
  • Sem backend nem banco de dados, a configuração é rápida e os dados ficam na sua estrutura.

Contras

  • Não há painel, caixa de entrada nem análise integrados, então você precisa montar seu próprio fluxo de revisão antes que o feedback coletado sirva para algo.
  • Captura apenas o sentimento triste/neutro/feliz junto com texto e imagens, sem escalas de avaliação nem enquetes de várias perguntas.
  • Você é responsável por armazenar e proteger cada envio depois que o evento é disparado, o que adiciona trabalho real para equipes pequenas.

Perguntas frequentes

Serve para coletar feedback diretamente dentro de um site. Pense nele como uma ferramenta de feedback de usuários que fica na página. Os usuários enviam um comentário, um humor e capturas opcionais a partir de um painel pequeno, e seu app recebe os dados como um evento de navegador.