feedgetPense na última vez em que um site travou com você. Você procurou um formulário de contato, preencheu um e-mail explicando o problema e esperou uma resposta? Provavelmente não: você fechou a aba. É esse feedback perdido que um widget recupera.
O que é um widget de feedback
É um componente pequeno, instalado com algumas linhas de código, que fica disponível em todas as páginas do seu produto. Ao clicar, o usuário escolhe o tipo de feedback, escreve o que aconteceu e envia. Tudo leva menos de 30 segundos e acontece sem sair da tela em que o problema apareceu.
Para que serve
- Relatos de bug com contexto, em vez de "não funciona".
- Ideias de melhoria no momento em que o usuário sente falta de algo.
- Sinais de atrito em fluxos importantes, como cadastro e pagamento.
- Um canal direto entre quem usa e quem constrói, sem passar por três pessoas.
O que um bom widget de feedback precisa ter
| Recurso | Por que importa |
|---|---|
| Tipos de feedback (bug, ideia, outro) | Facilita a triagem e mostra ao usuário que há espaço para sugestões, não só reclamações. |
| Captura de tela | Uma imagem explica em segundos o que levaria um parágrafo. |
| Contexto automático | URL, navegador e tamanho de tela chegam junto, sem o usuário precisar informar. |
| E-mail opcional | Permite responder e fechar o ciclo, sem obrigar cadastro. |
| Visual personalizável | O widget deve parecer parte do seu produto, não um anúncio. |
| Instalação leve | Uma tag de script ou um componente React, sem mudar a arquitetura do site. |
| Painel com triagem | Coletar é fácil; o valor está em organizar e priorizar o que chegou. |
Widget de feedback x formulário de contato
Um formulário de contato fica em uma página própria e pede dados que o usuário nem sempre quer dar. O widget está onde o problema aparece, captura o contexto sozinho e custa poucos segundos. Na prática, isso significa mais relatos e relatos melhores. O formulário continua útil para assuntos comerciais; o widget é o canal do produto.
Como instalar um widget de feedback no seu site
Com o Feedget, a instalação tem três passos.
- Crie sua conta e gere uma chave de API no painel. O próprio painel mostra o código pronto, já com a sua chave.
- Cole uma linha no seu site, antes do fechamento da tag
</body>:<script src="https://cdn.jsdelivr.net/npm/@feedget/widget@2/dist/feedget.min.js" data-api-key="SUA_CHAVE_DE_API" async></script> - Abra o site. O painel avisa "widget detectado" assim que ele carregar.
Em aplicações React ou Next.js
npm install @feedget/widget
import { FeedgetWidget } from "@feedget/widget/react";
export function App() {
return <FeedgetWidget apiKey="SUA_CHAVE_DE_API" />;
}Há guias prontos para Next.js, Angular, Vue, Astro e JavaScript puro. Em todos, o widget só precisa da chave de API.
Boas práticas depois de instalar
- Deixe o botão visível, mas discreto. Canto inferior direito é o padrão que os usuários já reconhecem.
- Mencione o widget no onboarding: "encontrou um problema? clique aqui".
- Responda os primeiros feedbacks rápido. Isso cria o hábito de usar o canal.
- Conecte ao lugar onde o time já trabalha, como Slack, Discord ou Trello, para que ninguém precise abrir mais um painel.
- Revise semanalmente e use critérios claros para priorizar o feedback.
Quanto custa
O Feedget tem 14 dias grátis com todos os recursos do plano Growth, sem cartão de crédito. Depois, os planos começam em R$ 59,90 por mês. Veja todos os detalhes na página de preços.