Como adicionar um chatbot com IA ao WordPress (em 5 minutos)

Você precisa de três coisas, e cada uma leva poucos minutos:

• Uma conta na Nexoply. Cadastre-se grátis: o plano Free inclui 100 conversas por mês, sem cartão.
• As informações do seu negócio na Nexoply: serviços e preços, perguntas frequentes, políticas, horários e áreas de atendimento. O jeito mais rápido é digitar o endereço do seu site e deixar a Nexoply importar as páginas públicas; você revisa as sugestões e nada é adicionado sem a sua aprovação.
• Acesso de administrador ao seu site WordPress, para instalar um plugin ou editar o tema.

No painel da Nexoply, abra a página Chatbot (clique em Criar chatbot se ainda não criou) e copie o código de instalação. Ele é assim:

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

No lugar de YOUR-KEY vai a chave do seu chatbot, que a página Chatbot já preenche para você. A chave é pública: não é uma senha e não dá acesso à sua conta. Ela só diz ao widget a qual negócio ele pertence. Quer ver antes? Use Abrir uma página de teste com o seu chatbot para testar em uma página de exemplo.

O WPCode é um plugin gratuito que adiciona código ao cabeçalho ou ao rodapé sem mexer nos arquivos do tema, então o seu código continua lá depois de atualizações e trocas de tema.

1. 1

   Instale o WPCode

   No painel do WordPress, vá em Plugins → Adicionar novo, pesquise "WPCode" e clique em Instalar agora e depois em Ativar.

2. 2

   Abra Header & Footer

   No menu à esquerda, vá em Code Snippets → Header & Footer. Você verá três caixas: Header, Body e Footer.

3. 3

   Cole em Footer

   Cole o código da Nexoply na caixa Footer. Assim ele carrega logo antes da tag de fechamento </body> em todas as páginas.

4. 4

   Salve

   Clique em Save Changes. Pronto: não precisa publicar mais nada.

Se preferir não instalar um plugin, você pode colocar o código direto no tema. Use um tema filho se puder: alterações nos arquivos do tema principal são apagadas quando o tema é atualizado.

1. 1

   Abra o editor de arquivos do tema

   Vá em Aparência → Editor de arquivos de temas (em alguns sites fica em Ferramentas → Editor de arquivos de temas) e escolha o seu tema filho.

2. 2

   Encontre o footer.php

   Abra o footer.php na lista de arquivos. Se o tema filho não tiver um, copie antes o footer.php do tema principal para o tema filho.

3. 3

   Cole antes de </body>

   Cole o código em uma linha própria, logo acima da tag de fechamento </body>. Não apague a chamada wp_footer().

4. 4

   Atualize o arquivo

   Clique em Atualizar arquivo e abra o seu site para conferir.

Abra o seu site em uma nova janela anônima. Um botão de chat aparece no canto inferior. Faça uma pergunta real, como "Vocês atendem aos fins de semana?" ou "Quanto custa a manutenção de um aquecedor?". Em segundos, a conversa aparece em Conversas no seu painel. Daí em diante, qualquer alteração feita no painel chega ao site em cerca de um minuto, sem mexer no WordPress de novo.

• Cache. Plugins como WP Rocket, LiteSpeed Cache ou W3 Total Cache (e algumas hospedagens) mostram uma cópia antiga das suas páginas. Limpe o cache do plugin e o da hospedagem ou CDN e recarregue. Se a opção de "atrasar JavaScript" estiver ativa, o botão pode aparecer só depois que o visitante rolar ou clicar; você pode excluir nexoply.com/widget.js dessa opção.
• Caixa errada. Confira se o código está na caixa Footer do WPCode (ou antes de </body> no footer.php), colado uma única vez e completo, incluindo o </script> final.
• Plano do WordPress.com. Se você não encontra Plugins nem o WPCode, provavelmente o seu plano não permite plugins.
• Domínios permitidos. Se você configurou Permitir apenas nestes sites na página Chatbot, confira se o seu domínio está escrito exatamente (por exemplo meunegocio.com.br, ou *.meunegocio.com.br para subdomínios).
• Chatbot desligado. Verifique se a chave Chatbot ativado está ligada.
• Bloqueadores de anúncios. Raramente, uma extensão do navegador bloqueia widgets de chat. Teste em outro navegador ou em uma janela anônima sem extensões.

Todo o resto é feito no painel, não no WordPress. Em Chatbot → Personalizar você escolhe o ícone do botão de mensagem (ou uma imagem sua), um texto, o formato, o tamanho, as cores e a posição, ou usa no lugar uma aba lateral na borda da tela (como "Ajuda"). Dá para definir um visual diferente no celular e usar regras de página para mudá-lo em páginas específicas (por exemplo /servicos/*). Ajuste a janela de chat com suas fontes, cores e logo, comece por um modelo pronto e adicione botões na tela inicial como Agendar, Ligar ou WhatsApp.

Depois, revise as conversas toda semana: as perguntas que o assistente não conseguiu responder aparecem em uma lista, e você transforma cada uma em pergunta frequente com um clique. Veja como funciona para ter a visão completa, ou compare os planos em preços quando precisar de mais conversas.