Se o seu site foi criado com o Webflow e você deseja conversar com os visitantes do seu site Webflow em tempo real, você pode adicionar o widget de chat ao vivo do Chatwoot ao seu site. Siga os passos descritos abaixo.

## Passo 1. Crie uma caixa de entrada para site no Chatwoot[​](https://www.chatwoot.com/docs/product/channels/live-chat/webflow-integration#1-create-a-website-inbox-in-chatwoot "Link direto para o título")

Consulte este [guia](https://app.chatwoot.com/hc/chatwoot-user-guide-cloud-version/en/website-live-chat/474) para instruções detalhadas sobre como configurar uma caixa de entrada de site no Chatwoot.

## Passo 2. Instale o script gerado no Webflow[​](https://www.chatwoot.com/docs/product/channels/live-chat/webflow-integration#2-install-the-generated-script-in-webflow "Link direto para o título")

Faça login na sua conta do Webflow e selecione seu site. Selecione Configurações.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBN2x4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--dac19f18722460bebc10eed15a33ad30a12a8ec7/webflow%20settings.png)

[​](https://www.chatwoot.com/docs/product/channels/live-chat/webflow-integration#paste-the-script-in-footer-code-in-webflow "Link direto para o título")Vá para **Custom Code** -> **Footer Code**. Cole o script em "Footer Code". Salve as alterações.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNzF4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--61e6098dbe7b1e852d3c5a3a567b8ea892796d20/footer%20code.png)

## Passo 3. Publique as alterações[​](https://www.chatwoot.com/docs/product/channels/live-chat/webflow-integration#3-publish-the-changes "Link direto para o título")

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

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOEJ4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--1a8bfa1af05bac393d76002823964402c72a7740/publish%20changes.png)

## Passo 4. Verifique

Acesse seu site e veja se o widget aparece no site.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGR4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--23bcae6d06e19fc5a9235235afe725b062ac0a8c/chatwoot%20live%20chat%20widget%20on%20a%20webflow%20website.png)