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+.

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 WORDPRESS

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

Abrir wizard completo
add_action('wp_footer', function () {
    ?>
    <script
        src="https://cdn.chatbeep.app/widget/chatbeep.js"
        data-api-base="https://chatbeep.app"
        data-installation-token="pub_demo_installation_token"
        data-widget-color="#6d5efc"
        data-widget-color-secondary="#0ea5e9"
        data-widget-position="bottom-right"
        data-offset-top="24"
        data-offset-right="24"
        data-offset-bottom="24"
        data-offset-left="24"
        data-widget-locale="pt"
        data-widget-theme="dark"
        data-widget-launcher="bubble"
        data-widget-behavior="manual"
        data-widget-name="Chatbeep Demo"
        data-widget-greeting="Respondemos em poucos minutos."
        data-widget-avatar-url="https://cdn.chatbeep.app/images/logo/logo-bg-color.png"
        data-launcher-image=""
        async
    ></script>
    <?php
});