Documentação · 💬 Widget

Instalando o widget

Copie o código de instalação, cole no seu HTML e pronto.

O widget é instalado com um único trecho de código. O código já está pronto no seu painel, vinculado ao seu projeto — não há nada para escrever à mão.

  1. Copie o código

    Abra a página Widget no menu à esquerda e clique em Integrate; copie o código com Copy Code.

  2. Cole no HTML do seu site

    Coloque o código em um lugar que carregue em todas as páginas — de preferência logo antes da tag de fechamento </body>. Em plataformas como WordPress, Wix ou Shopify, ele vai na área de "código personalizado".

  3. Confira

    Atualize seu site; o balão de chat deve aparecer no canto inferior direito. Se não aparecer, veja "O widget não aparece" na seção de perguntas frequentes.

A página Widget com o botão Integrate destacado no canto superior direito
O botão ① Integrate, no canto superior direito da página Widget, abre o código de instalação.
A janela Integrate Widget com o código de instalação (1) e o botão Copy Code (2) marcados
① O código do seu projeto, pronto para usar → ② copie com Copy Code.

O código tem esta cara (o seu já vem preenchido com o ID e o endereço do seu projeto):

Código de instalação (exemplo)
<!-- Chat Widget -->
<script>
  window.ChatWidgetSettings = { projectId: "YOUR-PROJECT-ID" };
  (function(){
    var w=window,d=document;
    var i=function(){i.q.push(arguments)};i.q=[];w.ChatWidget=i;
    var s=d.createElement("script");s.async=true;
    s.src=".../widget.js";
    d.head.appendChild(s);
  })();
</script>

Regra: Sempre copie o código do painel — o exemplo acima mostra só o formato; o ID do projeto e o endereço são exclusivos seus.

Teste antes de colocar no ar#

Você não precisa mexer no seu site real para experimentar: o botão Live test no editor do widget abre uma loja de demonstração com o seu widget real incorporado, exatamente como os clientes vão recebê-lo. Abra, converse, faça um agendamento de teste — e depois coloque no ar com segurança.

Dica: Você também pode testar o widget primeiro em uma única página do seu site (uma página de teste oculta funciona bem) e ativá-lo no site inteiro quando estiver satisfeito.