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

React

Carregue o widget no cliente com useEffect e cleanup explícito.

HTML Laravel WordPress React Vue Next.js Nuxt Angular

Instalação

Criar um componente ChatbeepWidget client-side.

Montar o componente apenas nas páginas onde o widget deve existir.

Garantir cleanup do script quando o componente desmonta.

Configuração

Evitar adicionar o loader dentro de render loops.

Centralizar o token em env vars do frontend.

Troubleshooting

Se o widget reaparecer múltiplas vezes, confirmar que o componente não está a montar em vários layouts simultaneamente.

Snippet

Base pronta para React

Abrir configurator

import { useEffect } from "react";

export function ChatbeepWidget() {
  useEffect(() => {
    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);
    return () => script.remove();
  }, []);

  return null;
}

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.