> 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

Se o seu site foi criado com o Webflow e você deseja conversar com os visitantes do site Webflow em tempo real, pode adicionar o widget de bate-papo ao vivo AtendChat ao seu site.

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="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2FNT7gxMI1zaQZAX50OsvT%2Fimage.png?alt=media&amp;token=d095ff54-4ca5-46eb-bb34-c1e97ffb3f57" 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="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2FYisDBu9fPwBbafVq4gy1%2Fimage.png?alt=media&amp;token=f3ffae86-56b9-4251-b273-13fe2eec733f" 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="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2FDfDV84umz3kBIuvv3V1p%2Fimage.png?alt=media&amp;token=b9e8c81d-2c36-43e7-a673-59b2079f1bf9" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2FfsER6zP7qA43YDe90K1C%2Fimage.png?alt=media&amp;token=c78d9ef6-ed61-4a9c-aafb-d2dd69af5d34" alt="" width="563"><figcaption></figcaption></figure>