Tema
Webchat
O Webchat é um chat ao vivo que você instala no seu próprio site. Um botão flutuante aparece para os visitantes, que podem conversar sem sair da página. As conversas iniciadas por ali caem no mesmo Chat usado para o WhatsApp, com o canal identificado como WebChat, e passam pelas mesmas automações e pela mesma IA.
Habilitar o Webchat
- Acesse Configurações → Conectores.
- Na seção Webchat, ative o toggle Habilitar webchat.
Assim que o toggle é ligado, aparece o bloco Instalar no seu site com o código pronto para copiar.
Instalar no seu site
- Clique em Copiar no bloco Instalar no seu site.
- Cole o código antes do
</body>de todas as páginas em que o chat deve aparecer. - Publique o site e abra uma página: o botão do chat aparece no canto inferior direito.
O código tem este formato (o SEU-SLUG é preenchido automaticamente com o identificador da sua conta):
html
<script src="https://SEU-SLUG.columba.com.br/webchat.js" data-tenant="SEU-SLUG" async></script>Funciona em qualquer site: WordPress, Wix, Shopify, Webflow, Google Sites, HTML puro. Se a sua plataforma tem um campo de "código personalizado", "scripts no rodapé" ou "HTML no footer", é ali que o código entra.
Prévia sem publicar
O link Ver prévia do widget, ao lado do código, abre o chat sozinho em uma nova aba. Use para conferir os textos e a cor antes de colocar no site.
Opções
| Atributo | Efeito |
|---|---|
data-position="left" | Coloca o botão no canto inferior esquerdo (padrão: direito). |
data-offset="32" | Distância das bordas da tela, em pixels (padrão: 20). |
Para abrir o chat a partir de um botão seu (por exemplo, um "Fale conosco" no menu), chame window.ColumbaWebchat.open() no clique. Também existem close() e toggle().
Como funciona por baixo
O código carrega um pequeno script que insere o chat em um quadro isolado (iframe) servido pelo Columba. O visitante preenche nome e WhatsApp, passa por uma verificação anti-robô e a conversa começa. Nada do seu site é alterado e nenhum dado do visitante passa pelas suas páginas.
Personalizar os textos
Com o Webchat habilitado, você pode ajustar os textos exibidos no widget:
| Campo | Limite de caracteres | O que aparece |
|---|---|---|
| Título do cabeçalho | 60 | Título no topo da janela do chat. |
| Subtítulo | 120 | Texto de apoio, logo abaixo do título. |
| Mensagem de boas-vindas | 500 | Primeira mensagem que o visitante vê ao abrir o chat. |
Depois de ajustar os textos, clique em Salvar textos. A cor do widget segue a cor principal da sua conta.
Desativar
Desligue o toggle Habilitar webchat. O botão some dos sites que têm o código instalado e novas conversas deixam de ser aceitas na hora, mesmo que o código continue lá.