Pular para o conteúdo principal
arrow-rightPróximo

Documentação do Fluxo

Instale o widget de suporte de código aberto do Fluxo, com IA e humano, no Next.js, no React ou por uma tag script.

Antes de começar

Você precisa de um site no Fluxo e de uma chave de API pública, segura para o navegador. Crie uma em Configurações → Desenvolvedores, adicione seus domínios de desenvolvimento e produção e consulte Chaves de API se precisar das regras exatas da lista de domínios permitidos.

Instalação com o registro do shadcn

Adicione o ponto de partida do <Support /> para Next.js com um único comando:

bunx --bun shadcn@latest add fluxolat/fluxo/support

Para apps React e Vite, use o item do registro do React:

bunx --bun shadcn@latest add fluxolat/fluxo/support-react

O registro instala o provedor do Fluxo, o gatilho de suporte, as dependências, a importação de CSS e o espaço reservado da chave de API no diretório de componentes que você configurou no shadcn.

Início rápido com o seu framework

Comece escolhendo o seu framework e siga as instruções para montar o provedor, adicionar a sua chave de API e renderizar <Support />. No momento o Fluxo traz guias de início rápido para Next.js e React.

Use o Next.js se o seu app usa o App Router e você quer fronteiras servidor/cliente próprias do framework. Use o React com Vite e outros empacotadores de React no cliente. Para Vue, Webflow, Framer ou HTML puro, use a tag script do navegador com uma versão fixada.

Como saber que está funcionando

O gatilho de suporte deve renderizar, abrir sem um flash sem estilos e carregar a tela inicial ou de conversa sem respostas 401 nem 403 da API. Cada guia de início rápido inclui uma lista curta de verificação e solução de problemas.

Esta página foi útil?

Abra uma issue de documentação já preenchida para que a equipe possa agir.