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

Nuxt

Carregar o widget como plugin client-only.

HTML Laravel WordPress React Vue Next.js Nuxt Angular

Instalação

Criar plugin *.client.ts dedicado ao widget.

Injetar apenas no shell público do site.

Validar o launcher após navegação inicial.

Configuração

Guardar token em runtimeConfig.public.

Evitar múltiplos plugins a repetir o mesmo loader.

Troubleshooting

Se o widget não carregar em produção, validar se o plugin ficou marcado como client-only.

Snippet

Base pronta para Nuxt

Abrir configurator

// plugins/chatbeep.client.ts
export default defineNuxtPlugin(() => {
  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.