![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.](/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbWdRIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--caf03fc364fdbd5dc11f48d80ec41db5d7e6e7af/1730212348-como-instalar-um-chat-ao-vivo-em-um-site-webflow.png)

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.