O WordPress é um dos Sistemas de Gerenciamento de Conteúdo (CMS) mais populares. Se o seu site usa uma instalação WordPress na qual você pode administrar plugins ou editar o tema, é possível adicionar o widget de chat ao vivo. Há duas formas de fazer isso: usando o plugin oficial para WordPress (o jeito mais simples) ou colando o código do widget diretamente no tema. Este guia cobre as duas.
Antes de começar
Você precisa de uma caixa de entrada de Site (Website) já criada na sua conta. É dela que sairão o token do site e a URL da instalação usados na configuração. Se ainda não tiver criado, vá em Configurações → Caixas de Entrada → Adicionar caixa de entrada, escolha Site e siga o guia de configuração do canal de site.
Opção A — Instalar pelo plugin oficial
Passo 1. Baixe o plugin do Chatwoot
Baixe o arquivo .zip da versão mais recente do plugin do Chatwoot para WordPress na página de releases no GitHub.
Passo 2. Envie o plugin para o seu site WordPress
Faça login na sua conta WordPress. No Painel de Administração, clique em Plugins na barra lateral e depois em Adicionar novo plugin.
Clique em Enviar plugin e selecione o arquivo .zip que você baixou no Passo 1. Em seguida, clique em Instalar agora.
Passo 3. Ative o plugin
Depois do envio, uma tela de sucesso será exibida com a opção Ativar plugin. Clique nela para concluir a instalação.
Passo 4. Configure o plugin
Com o plugin ativo, um item Chatwoot aparecerá no menu Configurações do WordPress. Clique nele para abrir a tela de configuração do chat ao vivo.
Preencha os campos com as credenciais da sua caixa de entrada de Site:
- Token do site e URL da instalação: copie os dois valores da caixa de entrada de Site criada no Chatwoot e cole aqui.
Depois de preencher o formulário, clique em Salvar alterações.
Opção B — Colar o código do widget no tema
Se preferir não usar o plugin, você pode inserir o código do widget diretamente no seu tema.
- No Chatwoot, abra Configurações → Caixas de Entrada e selecione a sua caixa de entrada de Site.
- Copie o trecho de código do widget exibido na configuração da caixa de entrada.
- No WordPress, cole esse código antes do fechamento da tag
</body>do seu tema (por exemplo, editando o arquivo do tema ou usando um plugin que permita inserir scripts no rodapé de todas as páginas).
Verifique se está funcionando
Abra o seu site em uma aba nova e confira se o widget de chat aparece na página. Envie uma mensagem de teste pelo widget e verifique se ela chega na sua conta do Chatwoot.
Quer ir além do site? Você também pode atender pelo WhatsApp usando o WhatsApp Web, o canal principal de WhatsApp da plataforma — basta escanear um QR Code, sem credenciais do Meta Business. Veja Conectar o WhatsApp Web (QR Code).