Testar por 14 dias

Widget de feedback para React

Um componente, uma prop

O widget só precisa da sua chave de API. Gere uma em Chaves de API e troque fgk_sua_chave_aqui nos exemplos.

  1. 1.Instale o pacote

    Funciona com npm, pnpm, yarn ou bun. O pacote já traz os estilos: não precisa importar CSS.

    terminal
    npm install @feedget/widget

  2. 2.Renderize o componente

    Coloque o componente uma única vez, perto da raiz da aplicação.

    App.tsx
    import { FeedgetWidget } from "@feedget/widget/react";

export function App() {
  return (
    <>
      <Routes />
      <FeedgetWidget apiKey={import.meta.env.VITE_FEEDGET_API_KEY} />
    </>
  );
}

  3. 3.Identifique quem enviou (opcional)

    Os dados em metadata chegam junto com cada feedback no painel.

    App.tsx
    <FeedgetWidget
  apiKey={import.meta.env.VITE_FEEDGET_API_KEY}
  metadata={{ userId: user.id, version: "2.4.0" }}
/>

Aparência sem código

Logo, cor, tema claro ou escuro, lado da tela e texto do botão são definidos no painel, em Configurações → Aparência do widget. O widget busca o visual pela própria chave de API, então nada muda no seu código. Disponível nos planos Growth e Enterprise e durante o trial.

Bom saber

Variável de ambiente

Guarde a chave em VITE_FEEDGET_API_KEY (ou no padrão do seu bundler). Ela é pública por natureza: só permite enviar feedbacks para o seu projeto.