Como instalar um chat ao vivo em um site Webflow?

A

Antonio Milesi

Última atualização em Jul 10, 2026

Passo a passo para instalar o widget em um site Webflow: criar a caixa de entrada de site, copiar o script, colar no Footer Code do projeto, publicar e verificar.

Se você criou o seu site no Webflow e quer conversar em tempo real com os visitantes, é possível adicionar o widget de chat ao vivo ao site colando o script do widget nas configurações do projeto. Siga os passos abaixo.

Passo 1. Crie uma caixa de entrada de site no Chatwoot

Antes de instalar o widget, você precisa de uma caixa de entrada do tipo Site. Acesse Configurações → Caixas de Entrada → Adicionar caixa de entrada e escolha o canal Site. Ao final, o Chatwoot gera um script exclusivo dessa caixa de entrada — é ele que você vai colar no Webflow.

Passo 2. Copie o script do widget

Abra a caixa de entrada de site em Configurações → Caixas de Entrada → (selecione a caixa) → aba Configuração e copie o script exibido no campo de código.

Passo 3. Cole o script no Webflow

Acesse a sua conta do Webflow, selecione o projeto e abra as Configurações do projeto (Project Settings).

Vá em Código personalizado (Custom Code) → Código do rodapé (Footer Code), cole o script copiado na área Código do rodapé e salve as alterações.

Passo 4. Publique as alterações

Clique em Publicar (Publish), selecione o site e confirme a publicação nos domínios desejados.

Passo 5. Verifique

Acesse o seu site publicado e confirme se o widget de chat ao vivo aparece.