> For the complete documentation index, see [llms.txt](https://ajudachat.hotmobile.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajudachat.hotmobile.com.br/comecando/adicione-caixas-de-entrada/webchats/webflow.md).

# Webflow

Para usar a AtendChat como chat ao vivo do seu site, siga as etapas descritas abaixo.

### **1. Crie uma caixa de entrada do site na AtendChat**

Consulte o passo-a-passo [aqui](/comecando/adicione-caixas-de-entrada.md).

### **2. Instale o script gerado no Webflow**

Vá para as **Configurações > Caixas de Entrada >  aba Configuração** e copie o Identificador da caixa de entrada.

Em seguida, faça login na sua conta do Webflow e selecione seu site > Configurações.

<figure><img src="/files/MQDEXdLIqkxIl21oSoQL" alt="" width="475"><figcaption></figcaption></figure>

Para colar o script em Footer Code no Webflow, vá para  **Código Personalizado** > **Código do Rodapé** .

Cole o script na seção Código do Rodapé e Salve as alterações.

<figure><img src="/files/ntEjnjmF9SAuv9SzUj9U" alt="" width="563"><figcaption></figcaption></figure>

### **3. Publique as Alterações**

Clique em **Publicar** > Selecione o site > **Publicar nos domínios selecionados.**

<figure><img src="/files/7GTslrUIXwdZtid6G9uV" alt="" width="563"><figcaption></figcaption></figure>

**Pronto**! Você integrou com sucesso o AtendChat ao Webflow.

<figure><img src="/files/yxMjekuTSO4O7VYK3tKU" alt="" width="563"><figcaption></figcaption></figure>