Developer Portal

Portal único para docs, playgrounds, examples, troubleshooting e self-service técnico.

Portal

Hub principal para docs, playgrounds e downloads.

Getting Started

Jornada completa para integrar o Chatbeep em menos de 10 minutos.

Widget Playground

Configurator com preview ao vivo, snippet e gerador por stack.

API Playground

Operações maduras da API v1 com code samples e Try It.

SDK Playground

Pacotes oficiais, quick starts e smoke workflow por stack.

ChatFlows Playground

Simulador público de fluxos com variáveis, contexto e transições.

Examples

Biblioteca de exemplos para suporte, lead capture, FAQ e integrações.

Troubleshooting

Checks operacionais para widget, auth, billing, push e fiscal.

Installation Wizard

Angular

Inserir o loader no AppComponent ou num serviço singleton de bootstrap.

HTML Laravel WordPress React Vue Next.js Nuxt Angular

Instalação

Injetar o script no bootstrap do shell público.

Evitar re-renderizações múltiplas do AppComponent em microfrontends.

Testar o launcher no build final e não apenas em dev mode.

Configuração

Usar environment.ts para token e base URL.

Se existir CSP, adicionar o domínio do loader à policy.

Troubleshooting

Se o widget aparecer duplicado, mover a lógica para um serviço singleton que garanta apenas uma injeção.

Snippet

Base pronta para Angular

Abrir configurator

// app.component.ts
ngOnInit(): void {
  const script = document.createElement('script');
  script.src = 'https://cdn.chatbeep.app/widget/chatbeep.js';
  script.async = true;
  script.dataset.apiBase = 'https://chatbeep.app';
  script.dataset.installationToken = 'SEU_TOKEN_DA_INSTALACAO';
  document.body.appendChild(script);
}

Depois do snippet

API Playground

Teste o health público e os exemplos da API v1.

Examples Library

Escolha um fluxo inicial para suporte, FAQ ou lead capture.