JavaScript Integration

Widget de feedback para JavaScript vanilla

Instalação

Via NPM

npm install @feedget/widget
import { Feedget } from "@feedget/widget/vanilla";
import "@feedget/widget/styles.css";

Feedget.init({
  apiKey: "feedget_pk_live_abc123..."
});
main.js

Configuração Básica

Inicialização Simples

import { Feedget } from "@feedget/widget/vanilla";

Feedget.init({
  apiKey: "feedget_pk_live_abc123..."
});
main.js

Personalização

Posicionamento do Widget

Por padrão, o widget aparece no canto inferior direito. Você pode alterá-lo para o canto esquerdo usando a propriedade orientation:

// Widget no canto esquerdo
Feedget.init({
  apiKey: "feedget_pk_live_abc123...",
  orientation: "left"
});

// Widget no canto direito (padrão)
Feedget.init({
  apiKey: "feedget_pk_live_abc123...",
  orientation: "right"
});
main.js

Métodos Disponíveis

API do Widget

// Destruir o widget
Feedget.destroy();

// Reinicializar o widget
Feedget.init({
  apiKey: "feedget_pk_live_abc123..."
});
main.js

Exemplo Completo

Aplicação completa com bundler

// main.js
import { Feedget } from "@feedget/widget/vanilla";
import "@feedget/widget/styles.css";

// Inicializar quando o DOM estiver pronto
document.addEventListener("DOMContentLoaded", () => {
  Feedget.init({
    apiKey: "feedget_pk_live_abc123..."
  });
});

Troubleshooting

⚠️ Widget não carrega

Verifique se o script está sendo carregado e se a API Key do projeto está correta.

❌ Erro de CORS

Certifique-se de que seu domínio está configurado nas configurações do projeto.

ℹ️ Performance

O widget é carregado de forma assíncrona e não afeta a performance da sua página.