[WordPress](https://wordpress.com/) é um popular Sistema de Gerenciamento de Conteúdo. Se você está hospedando seu site no WordPress, pode adicionar o widget de chat ao vivo do Chatwoot e conversar com seus visitantes em tempo real. Isso pode ser feito em 4 etapas simples usando o plugin do Chatwoot para WordPress.

## Passo 1. Baixe o plugin Chatwoot

Baixe o arquivo Zip da versão mais recente do plugin Chatwoot para WordPress no [GitHub](https://github.com/chatwoot/wp-plugin/tags), como mostrado abaixo.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBL2h3VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--58881b684a83cc7696a3a0469e56f567b4141d4f/Chatwoot%20WordPress%20plugin.png)

## Passo 2. Faça o upload do plugin para o seu site WordPress

Faça login em sua conta WordPress. Navegue até o Painel de Administração e clique em “Plugins” na barra lateral. Você verá o botão "Adicionar novo".

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBLzV3VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--1299b2d31097a7c4bfbaa2740fbf1f78c22a5660/adding%20a%20plugin%20to%20wordpress.png)

Você verá uma opção para fazer upload do plugin, conforme mostrado na imagem abaixo. Clique em “Fazer upload” e selecione o arquivo Zip baixado no passo 1.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBLzl3VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--8da5acf9ee4ad8166897b3ae21e7a5e5398411fe/upload%20plugin.png)

## Passo 3. Ative o plugin

Depois que o plugin for enviado, você verá uma tela de Sucesso com a opção "Ativar Plugin", conforme mostrado abaixo. Clique no botão "Ativar Plugin".

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd0p4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--cbbe5be0c65977fdb9d10cbbb071758190f39d35/activate%20chatwoot%20plugin%20in%20wordpress.png)

Parabéns! O plugin está agora instalado. Para completar a configuração, você precisa informar as credenciais do app Chatwoot, conforme mostrado nos passos abaixo.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdzF4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--a583e55c9da31177ec6d8dbf6c3ab62ff4e34ec2/installed%20chatwoot%20plugin%20in%20wordpress.png)

## Passo 4. Configure o plugin

Agora, você verá “Configurações do Chatwoot” no menu "Configurações". Clique para atualizar a configuração do chat ao vivo.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeE54VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--5bec1a3527298b363ab0752d715b4bc5e196ba1f/configuring%20the%20chatwoot%20plugin%20in%20wordpress.png)

\
Você verá a tela de Configurações como mostrado abaixo. Configure o plugin Chatwoot aqui para que ele funcione.

Você precisa criar uma caixa de entrada de Website na sua instalação do Chatwoot. Consulte este [guia](https://app.chatwoot.com/hc/chatwoot-user-guide-cloud-version/en/website-live-chat/474) para criar um canal de website.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFp4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--73cf371645ed9fc68463c702e8fcb3999ee09d08/chatwoot%20plugin%20settings%20in%20wordpress.png)

\
Os campos do formulário são explicados abaixo.

1. **Chatwoot Website Token / Chatwoot Installation URL**

   Assim que você criar um canal de website na sua instalação do Chatwoot, você receberá um script. Você pode copiar o Token e a URL conforme mostrado abaixo.

   ![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeTV4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--2b1df25331c54252587d29171c66c14367740d70/wesbite%20inbox%20token%20and%20script%20from%20chatwoot.png)

2. **Design do Widget**

   O Chatwoot suporta dois designs de widget de chat ao vivo – Design Padrão e design de Bolha Expandida. Escolha sua preferência.

3. **Posição do Widget**

   Você pode selecionar onde posicionar o widget de chat ao vivo no site de acordo com sua preferência. As opções disponíveis são Esquerda & Direita.

4. **Idioma**

   O Chatwoot suporta mais de 30 idiomas. O idioma padrão é Inglês.

5. **Texto do Lançador**

   Este campo é opcional. Se você usar o design de bolha expandida, pode usar o texto do lançador para personalizar o texto exibido na bolha.

Depois de preencher o formulário, clique no botão "Salvar alterações". Além disso, certifique-se de que você [criou a caixa de entrada do website no Chatwoot](https://app.chatwoot.com/hc/chatwoot-user-guide-cloud-version/en/website-live-chat/474).

## Passo 5. Verifique se o plugin está funcionando corretamente

Visite o seu site e veja se o widget aparece no site!

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMDF4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--f435f40cacb7f4f4bf9b7ce5e5ef4a35f2c8bfb5/installed%20chatwoot%20widget%20on%20a%20wordpress%20website.png)