Widget de feedback para Angular

Angular 16 ou mais recente

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.Monte no componente raiz

    O widget carrega o restante do código só depois de montado, sem pesar no bundle inicial.

    app.component.ts
    import { Component, OnDestroy, OnInit } from "@angular/core";
    import { RouterOutlet } from "@angular/router";
    import { createFeedgetWidget } from "@feedget/widget/angular";
    
    @Component({
      selector: "app-root",
      imports: [RouterOutlet],
      template: "<router-outlet />",
    })
    export class AppComponent implements OnInit, OnDestroy {
      private widget = createFeedgetWidget({ apiKey: "fgk_sua_chave_aqui" });
    
      ngOnInit() {
        this.widget.mount();
      }
    
      ngOnDestroy() {
        this.widget.unmount();
      }
    }

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

Chave por ambiente

Use environment.ts para trocar a chave entre desenvolvimento e produção.