Abrir navegação
Direto

Instalar com JavaScript

Instale @flatzer/widget 1.0.0 com Bun e controle o carregador no navegador com loadFlatzerWidget e destroyFlatzerWidget.

npmv1.0.0

@flatzer/widget

Loader oficial para aplicações JavaScript.

Veja antes de fazer

Capturas do Flatzer e referências visuais das plataformas mostram exatamente onde deve atuar.

Terminal a instalar o pacote oficial do Flatzer
Terminal · bun add @flatzer/widgetReferência visual
Editor com FlatzerWidget adicionado a um layout Next.js
Next.js · app/layout.tsxReferência visual
Instalar o pacote
bun add @flatzer/widget
API do navegador
import { loadFlatzerWidget, destroyFlatzerWidget } from '@flatzer/widget'

const handle = await loadFlatzerWidget({
  widgetKey: 'wgt_0123456789abcdef0123456789abcdef',
  autostart: true,
  // baseUrl: 'https://flatzer.com',
})

// Either cleanup path is safe when your host application no longer needs it.
handle.destroy()
destroyFlatzerWidget()

Carregar o widget no navegador

O pacote público @flatzer/[email protected] exporta loadFlatzerWidget({ widgetKey, autostart?, baseUrl? }). Chame a função apenas quando window e document existirem; não execute o carregador durante a renderização no servidor.

Remover a instância ao sair

Chame destroyFlatzerWidget quando uma aplicação de página única deixar de precisar do agente. Evite instâncias duplicadas na navegação e deixe baseUrl indefinido, salvo indicação diferente do Flatzer.