Documentação

WordPress

Adicione seu agente a sites WordPress.

Adicione seu agente de IA a sites WordPress usando o código de incorporação. Funciona com qualquer tema do WordPress.

Primeiro, obtenha seu código de incorporação em Chatbot > Publicar no painel.

Método 1: Rodapé do Tema (Recomendado)

Adicione o widget a todas as páginas por meio do seu tema:

  1. Vá em Aparência → Editor de Tema (ou Editor de Arquivos do Tema)
  2. Encontre footer.php nos arquivos do seu tema
  3. Cole seu código de incorporação logo antes de </body>

Exemplo de formato (obtenha seu código real em Chatbot > Publicar):

<script
  src="YOUR_WIDGET_URL"
  data-chatbot="YOUR_CHATBOT_ID"
  async
></script>
  1. Clique em Atualizar Arquivo

O widget agora aparece em todas as páginas.

Método 2: Bloco HTML Personalizado

Adicione a páginas específicas usando o editor de blocos:

  1. Edite a página onde você deseja o widget
  2. Adicione um bloco de HTML Personalizado
  3. Cole seu código de incorporação de Chatbot > Publicar

Exemplo de formato:

<script
  src="YOUR_WIDGET_URL"
  data-chatbot="YOUR_CHATBOT_ID"
  async
></script>
  1. Salve a página

Método 3: Plugin (Scripts de Cabeçalho/Rodapé)

Use um plugin para adicionar scripts em todo o site:

  1. Instale um plugin como "Insert Headers and Footers" ou "WPCode"
  2. Vá até as configurações do plugin
  3. Encontre a seção "Footer Scripts"
  4. Cole seu código de incorporação de Chatbot > Publicar
  5. Salve as alterações

Esse método não exige edição dos arquivos do tema.

Método 4: Tema Filho

Para temas que são atualizados com frequência, use um tema filho:

  1. Crie um tema filho para o seu tema atual
  2. Adicione um arquivo functions.php com o seguinte (substitua YOUR_WIDGET_URL e YOUR_CHATBOT_ID pelos valores de Chatbot > Publicar):
<?php
function add_chatbot_widget() {
    ?>
    <script
      src="YOUR_WIDGET_URL"
      data-chatbot="YOUR_CHATBOT_ID"
      async
    ></script>
    <?php
}
add_action('wp_footer', 'add_chatbot_widget');

Isso permanece mesmo após atualizações do tema.

Sites WooCommerce

O widget funciona automaticamente em sites WooCommerce. Considere:

  • Adicionar às páginas de produto para dúvidas sobre produtos
  • Adicionar ao checkout para suporte de pedidos
  • Usar em páginas específicas por meio de blocos HTML Personalizados

Construtores de Página

Elementor

  1. Edite com o Elementor
  2. Adicione um widget HTML
  3. Cole o código de incorporação
  4. Configure para exibir em todo o site (opcional)

Divi

  1. Adicione um Módulo de Código
  2. Cole o código de incorporação
  3. Salve as alterações

Beaver Builder

  1. Adicione um módulo HTML
  2. Cole o código de incorporação
  3. Publique as alterações

Multisite

Para WordPress Multisite:

  • Adicione o código a cada site individualmente, ou
  • Use um plugin ativado na rede para adicionar a todos os sites

Plugins de Cache

Se estiver usando plugins de cache (WP Super Cache, W3 Total Cache, etc.):

  1. Adicione o código do widget
  2. Limpe todos os caches
  3. Teste o widget

O widget deve funcionar com todos os principais plugins de cache.

Solução de Problemas

O Widget Não Aparece

  • Limpe o cache do seu WordPress
  • Verifique o console do navegador em busca de erros
  • Confirme se o ID do agente está correto

Editor de Tema Não Disponível

  • Alguns provedores de hospedagem desativam a edição de temas
  • Use um método com plugin em vez disso
  • Ou edite os arquivos via FTP

Posição do Widget Incorreta

  • Ajuste nas configurações de Design do seu agente
  • Verifique conflitos de CSS do tema

Testes

Após a instalação:

  1. Abra seu site WordPress em uma janela anônima
  2. Procure pelo balão de chat
  3. Envie uma mensagem de teste
  4. Verifique a resposta

Próximos Passos