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

Vue

Adicione o loader no onMounted do componente raiz ou layout público.

HTML Laravel WordPress React Vue Next.js Nuxt Angular

Instalação

Montar o script no ciclo de vida do componente.

Usar apenas um ponto de montagem por página.

Validar o launcher depois do primeiro render do app.

Configuração

Guardar token e base URL em env do build.

Não colocar o loader dentro de componentes muito reusados.

Troubleshooting

Se o loader não surgir em SPA route changes, validar se o componente do widget continua montado no shell principal.

Snippet

Base pronta para Vue

Abrir configurator

<script setup>
import { onMounted, onBeforeUnmount } from "vue";

let script;

onMounted(() => {
  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);
});

onBeforeUnmount(() => script?.remove());
</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.