ChatBeep

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.

Widget Playground

Configurator público do widget

Ajuste branding, posição, offsets, launcher e comportamento antes de publicar o snippet final.

Launcher personalizado

Simule uma imagem pública para o botão flutuante. O upload persistido fica disponível no dashboard autenticado para planos Pro+.

Use URL pública se quiser que o snippet reflita a imagem. PNG recomendado, proporção 1:1, até 512 KB no uso real.

Este upload altera apenas o preview local. Para persistir no widget real, use o dashboard autenticado no plano Pro+.

Ver Pro / Enterprise Criar conta

Distância das margens

Use estes valores se o Chatbeep estiver a coincidir com outro flutuante do site, como WhatsApp, scroll-up ou banner de cookies.

O snippet gerado usa apenas atributos que o loader do widget consegue interpretar diretamente.
Launcher image no playground usa URL pública para simulação. O upload persistido Pro+ acontece na área autenticada do widget.
A escolha de ChatFlow no playground serve para orientar a jornada recomendada; em produção o fluxo é publicado e ligado por tenant, site ou installation.
Os mesmos parâmetros do snippet podem ser usados para testes locais sem tocar na configuração persistida do tenant.

Preview

Launcher
Avatar

Chatbeep Demo

Respondemos em poucos minutos.

Online agora
Olá! Posso encaminhar o seu pedido rapidamente.
Preciso de ajuda com a minha integração.
Perfeito. Vou deixar o contexto pronto para a equipa.
Preview do composer e comportamento do launcher.

Snippet gerado para REACT

Use este bloco como ponto de partida real da integração.

Abrir wizard completo 
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 = "pub_demo_installation_token";
  script.dataset.widgetColor = "#6d5efc";
  script.dataset.widgetColorSecondary = "#0ea5e9";
  script.dataset.widgetPosition = "bottom-right";
  script.dataset.offsetTop = "24";
  script.dataset.offsetRight = "24";
  script.dataset.offsetBottom = "24";
  script.dataset.offsetLeft = "24";
  script.dataset.widgetLocale = "pt";
  script.dataset.widgetTheme = "dark";
  script.dataset.widgetLauncher = "bubble";
  script.dataset.widgetBehavior = "manual";
  script.dataset.widgetName = "Chatbeep Demo";
  script.dataset.widgetGreeting = "Respondemos em poucos minutos.";
  script.dataset.widgetAvatarUrl = "https://cdn.chatbeep.app/images/logo/logo-bg-color.png";
  script.dataset.launcherImage = "";
  document.body.appendChild(script);
  return () => script.remove();
}, []);