Skip to content
Seu site: chat e HelpDesk

Criar o chat ao vivo do site

Colocar a bolha de atendimento no seu site e receber as conversas na mesma inbox dos outros canais.

3 min de vídeo 10 imagens Painel do administrador
Aula gravada na plataforma real. O cursor, as legendas e o destaque existem só no vídeo.

O chat ao vivo põe a Heyoo dentro do seu site: o visitante clica na bolha, fala com você, e a conversa chega no mesmo Inbox do WhatsApp e do Instagram — com etiqueta, atribuição e IA, como qualquer outro canal.

Tela de chat ao vivo
Cada chat ao vivo é um widget; dá para ter mais de um, para sites diferentes.
Formulário do chat
A criação do widget, em uma tela só.

O que dá para configurar

Aparência do widget
Aparência: cor, posição e avatar da bolha.
Campo de nome do widget
O nome do widget é interno — serve para você achá-lo na lista.
Campo de cor
A cor da bolha: use a da sua marca.
Campo de saudação
A saudação é a primeira frase que a pessoa lê.
Textos do widget
Textos: saudação, ausência e a mensagem de abertura.
Captura de lead
Captura de lead: fora do horário, o chat pede nome e contato.
Setores no widget
Setores: o visitante escolhe com quem falar.
  • Cor e posição — use a cor da marca; a bolha é a primeira coisa que o visitante vê.
  • Saudação — a frase que abre a conversa, antes de qualquer atendente responder.
  • Mensagem de ausência — o que aparece fora do horário de atendimento.
  • Idioma — o widget acompanha o idioma do visitante.
  • Captura de lead — nome e contato de quem chega fora do horário; cai na tela Leads.
  • Setores — direciona a conversa para o time certo, sem triagem manual.

Instalar no site

Código de instalação
O código gerado — copie e cole no seu site.
No seu site — fora da Heyoo

Cole o código logo antes do fechamento da tag </body>. Onde fica isso depende de onde o site foi feito:

  1. WordPress: Aparência › Editor de tema, ou um plugin de scripts (Insert Headers and Footers) › campo do rodapé.
  2. Wix: Configurações › Ferramentas de marketing › Códigos personalizados › adicionar ao corpo — fim.
  3. Shopify: Loja virtual › Temas › Editar código › theme.liquid, antes de </body>.
  4. Site próprio: cole no HTML antes de </body> e publique.

De volta à Heyoo: abra o site numa janela anônima e mande uma mensagem. Ela precisa aparecer no Inbox marcada como Site.

Teste como visitanteSempre teste em janela anônima. Logado no seu próprio painel, é fácil achar que está funcionando quando o script nem carregou.