Blog do Columba

Tema

ArtigoPublicado em

Chat no site com o mesmo inbox do WhatsApp: instale o webchat com uma linha de código ​

O visitante está no seu site, na página do produto, com uma dúvida. Você tem três jeitos de atender, e dois deles são ruins:

  • Formulário de contato: cai numa caixa de e-mail que alguém lê amanhã. O visitante já foi embora.
  • Botão de WhatsApp: tira a pessoa do site e exige que ela tenha o WhatsApp aberto naquele aparelho. No computador do trabalho, muitas vezes não tem.
  • Chat na própria página: a pessoa pergunta ali, na hora, sem sair.

O terceiro sempre existiu, com um problema: era mais um lugar para a equipe olhar, com outra ferramenta, outro histórico e outra IA. O Webchat do Columba resolve isso caindo no mesmo inbox do WhatsApp.

O que é ​

Um botão flutuante no seu site que abre uma janela de chat. O visitante informa nome e WhatsApp, passa por uma verificação anti-robô e começa a conversar. Do lado da equipe, a conversa aparece no mesmo Chat usado para o WhatsApp, com o canal identificado como WebChat, e passa pelas mesmas automações e pela mesma IA. O atendente não precisa saber de onde veio a pessoa para atender bem.

E como o visitante informou o WhatsApp, a conversa pode continuar por lá depois: o contato já existe no CRM, com histórico.

Card do conector Webchat com o código de instalação pronto e o botão Copiar

Instalação em cinco minutos ​

  1. Em Configurações › Conectores, ligue o toggle Habilitar webchat.
  2. Clique em Copiar no bloco "Instalar no seu site".
  3. Cole o código antes do </body> das páginas em que o chat deve aparecer.
  4. Publique. O botão aparece no canto inferior direito.

O código é uma linha:

html
<script src="https://SEU-SLUG.columba.com.br/webchat.js" data-tenant="SEU-SLUG" async></script>

Funciona em WordPress, Wix, Shopify, Webflow, Google Sites e HTML puro. Se a sua plataforma tem um campo de "código personalizado", "scripts no rodapé" ou "HTML no footer", é ali que entra. Antes de publicar, o link Ver prévia do widget abre o chat sozinho numa aba para conferir textos e cor.

Widget do webchat aberto: título, subtítulo e mensagem de boas-vindas

Ajustes ​

  • Posição e distância: data-position="left" coloca o botão à esquerda; data-offset="32" afasta das bordas.
  • Abrir pelo seu botão: um "Fale conosco" no menu pode chamar window.ColumbaWebchat.open(). Também existem close() e toggle().
  • Textos: título do cabeçalho, subtítulo e mensagem de boas-vindas são editáveis no card do conector. A cor segue a cor principal da conta.
  • Celular: o chat abre em tela cheia. No computador, uma janela de 392 por 640 pixels.

O que acontece por baixo, e por que isso importa ​

O código carrega um pequeno script que insere o chat em um quadro isolado (iframe) servido pelo Columba. Nada do seu site é alterado e nenhum dado do visitante passa pelas suas páginas. Se um dia você desligar o toggle, o botão some dos sites que ainda têm o código e novas conversas deixam de ser aceitas na hora.

Isso também responde a pergunta que todo desenvolvedor faz: "vai deixar meu site lento?". O script é pequeno, carrega de forma assíncrona e o chat em si só é baixado quando o visitante abre.

Três combinações que rendem ​

Fluxo diferente por canal. O gatilho de conversa nova tem filtro de canal. O visitante do site pode cair num fluxo de qualificação ("qual produto você viu?"), enquanto o WhatsApp segue com o menu de setores.

Lead do site direto no funil. Com a entrada automática do funil de vendas ligada, ou com o nó Criar negócio no fluxo do canal WebChat, cada conversa do site vira um negócio no quadro, e o vendedor sabe de onde a pessoa veio.

IA fora do horário. A usinagem que recebe orçamentos fora do expediente atende quem chega do site e dos anúncios. A mesma base de conhecimento e as mesmas instruções valem para o webchat: não há um segundo assistente para configurar.

Quando não usar ​

Se o seu site é uma página institucional que ninguém visita, o webchat não vai criar demanda. Ele converte visita em conversa, não gera visita. E se a equipe não consegue responder o WhatsApp em tempo razoável hoje, mais um canal só aumenta a fila: organize as filas e o semáforo de espera antes.

O Webchat está em todos os planos do Columba, sem custo adicional. Guia de instalação e opções em Webchat na central de ajuda, ou teste por 7 dias.