**WordPress** é 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 RockZap® e conversar com seus visitantes em tempo real. Isso pode ser feito em 4 etapas simples usando o plugin do RockZap® para WordPress.

## **Passo 1. Baixe o plugin Chatwoot**

Baixe o arquivo Zip da versão mais recente do plugin Chatwoot para WordPress no **GitHub**, como mostrado abaixo.

![](https://app.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeXlrRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--1f91702b7be1e2e423e6fcea4050ca0528aee2c7/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.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeTZrRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--32902369d08a66888e37ad0a042abaff721388b5/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.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeTJrRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--507a3fc48599febc9efe9a6c303300eac2e6c733/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.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBekNrRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--ebb9c6fc7a161e3345ac913f2d6a95c8ec565e9f/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.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBek9rRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--834699b763225f75748ee6e4ee862080d246fd9b/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.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeXVrRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--a03d64f827fe223a12fd0836cb9d7418876a6d76/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** para criar um canal de website.

![](https://app.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBekdrRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--7efc1356f7107bb658f66323de3647df6c408c78/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.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeStrRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--a014c5f6885c12a788ecbe4e6ce705a17339ca8e/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.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBektrRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--1d975295d1e0e1ef97577072e5c10188846cb070/installed-20chatwoot-20widget-20on-20a-20wordpress-20website.png)