Como adicionar um chat de IA ao seu site sem saber programar (2026)

Adicionar um chat de IA ao site não exige reconstruir sua página nem desenvolver uma integração do zero. Na maioria dos casos, você cria o agente, copia um pequeno trecho de código e o insere uma vez no site. A parte importante não é “saber programar”: é instalar no lugar certo, usar conteúdo confiável e testar o comportamento antes de liberar para todos.

Este guia mostra o fluxo completo para WordPress, Wix e Shopify, com os cuidados que evitam respostas ruins, problemas de privacidade e alterações acidentais no tema.

O que é o snippet do widget?

Um snippet é um pequeno trecho de código que chama o widget do chat. Ele funciona de forma parecida com o código usado para incorporar um vídeo ou uma ferramenta de analytics: o site carrega um arquivo externo e exibe o botão de conversa.

No Simple Agent, você recebe uma tag <script> depois de configurar o agente. O widget medido na versão atual tem 18,67 KiB gzip. Esse número é uma medição do arquivo entregue, não uma promessa de que ele terá impacto zero: velocidade também depende do tema, de outros scripts e da conexão do visitante.

Antes de instalar, faça três coisas:

1. Separe as páginas e documentos que realmente representam sua empresa.
2. Remova conteúdo antigo, contraditório ou que não deveria aparecer em respostas.
3. Use primeiro um ambiente de teste, uma página de rascunho ou a visualização do tema.

Como criar e preparar o agente

Crie o agente no Simple Agent e forneça fontes claras: páginas de produto, política de troca, horários, perguntas frequentes, manuais e documentos de atendimento. Quanto melhor a fonte, melhor a chance de o agente responder com precisão.

Não use como treinamento uma pasta inteira sem revisão. Se dois documentos dizem preços diferentes, o agente não tem como adivinhar qual é o atual. Também evite dados pessoais, contratos confidenciais, senhas ou informações internas que não deveriam chegar ao visitante.

Depois, faça perguntas de controle antes da instalação:

• “Qual é o preço do plano X?”
• “Como funciona o cancelamento?”
• “O que acontece quando você não encontra a resposta?”
• “De onde veio esta informação?”

Quando houver evidência recuperada, o Simple Agent pode mostrar citações ligadas aos trechos usados. Isso ajuda a conferir a resposta, mas não transforma qualquer conteúdo de origem em verdade. A fonte continua precisando estar correta.

Como instalar no WordPress

Existem dois cenários diferentes.

WordPress.com

O suporte oficial do WordPress.com informa que tags <script> podem ser usadas em planos com plugins habilitados. Nesses planos, você pode inserir o código com um bloco de HTML personalizado ou com um mecanismo de cabeçalho/rodapé compatível. Em um plano sem esse recurso, o editor pode remover o script por segurança.

O caminho mais seguro é:

1. Abra a página ou ferramenta de inserção de código do site.
2. Cole exatamente o snippet fornecido pelo Simple Agent.
3. Configure-o para carregar no site inteiro, de preferência próximo ao fim do corpo da página.
4. Salve e abra a prévia em uma janela anônima.

Consulte também o guia específico do Simple Agent para WordPress antes de publicar.

WordPress instalado em hospedagem própria

Evite editar diretamente o tema principal: uma atualização pode apagar a mudança. Use um recurso confiável de inserção de scripts oferecido pela hospedagem, um plugin de cabeçalho/rodapé já aprovado no seu site ou um tema filho administrado por quem mantém o WordPress.

Se o site é crítico para vendas e você não sabe identificar uma alteração de tema, peça ao responsável técnico apenas para inserir o snippet antes do fechamento de </body>. É uma tarefa pequena, mas deve preservar backup e rollback.

Como instalar no Wix

O Wix oferece uma área nativa de código personalizado. Segundo a documentação da plataforma, o site precisa estar publicado e conectado a um domínio para esse recurso funcionar.

1. No painel do Wix, abra Configurações e procure Código personalizado nas configurações avançadas.
2. Escolha Adicionar código personalizado.
3. Cole o snippet sem alterar seu conteúdo.
4. Aplique em todas as páginas onde o chat deve aparecer.
5. Selecione o carregamento no final do corpo da página quando essa opção estiver disponível.
6. Dê um nome claro, como “Simple Agent — widget do chat”, e salve.

O Wix também permite classificar códigos personalizados para gestão de consentimento. A categoria correta depende do que o seu agente coleta e da política de privacidade do negócio. Não marque como “essencial” apenas para forçar o carregamento; alinhe a configuração ao comportamento real e à orientação jurídica aplicável.

Como instalar no Shopify

No Shopify, o widget visível deve ser instalado no tema — não como pixel personalizado, pois pixels são voltados a medição e executam em ambiente isolado.

1. Em Loja virtual > Temas, duplique o tema atual para criar uma cópia de segurança.
2. Na cópia, abra o menu de ações e escolha Editar código.
3. Abra layout/theme.liquid.
4. Cole o snippet imediatamente antes de </body>.
5. Salve e use a visualização desse tema, sem publicá-lo ainda.
6. Teste o chat no computador e no celular; só depois publique a cópia validada.

A própria documentação do Shopify recomenda cuidado ao editar o código do tema e sugere apoio especializado para quem não está confortável com HTML, CSS e Liquid. Para o snippet, não é preciso dominar essas linguagens, mas o backup do tema é indispensável.

Checklist de teste antes de colocar no ar

Não considere a instalação concluída só porque o botão apareceu. Verifique:

• O botão abre, fecha e não cobre menus ou botões de compra.
• O chat funciona em telas pequenas e com zoom do navegador.
• As perguntas principais recebem respostas coerentes com as fontes atuais.
• Quando não sabe algo, o agente admite o limite em vez de inventar.
• Links e citações abrem a página correta.
• O site continua navegável se o serviço do chat estiver temporariamente indisponível.
• A política de privacidade explica a coleta aplicável e o consentimento está configurado quando necessário.
• O widget não cria erros novos no console nem piora de forma material as métricas reais do site.

Faça ainda um teste humano: peça a alguém que não participou da configuração para encontrar uma informação usando o chat. Quem treinou o agente costuma completar mentalmente respostas que um visitante comum acharia confusas.

O que um agente de site pode — e não pode — fazer

Um agente bem configurado é útil para responder perguntas repetitivas, orientar visitantes até a página certa, explicar produtos e reduzir o tempo gasto com dúvidas básicas.

Ele não substitui atendimento humano em negociações sensíveis, disputas, aconselhamento médico ou jurídico, exceções de política e situações em que uma decisão precisa de autorização. Também não corrige sozinho uma base de conhecimento ruim.

Defina uma regra simples de escalonamento: quando a resposta exigir acesso a pedido, análise individual, promessa comercial ou dado não presente nas fontes, o agente deve encaminhar para uma pessoa ou para o canal oficial.

Próximo passo

Você pode testar o Simple Agent gratuitamente, criar um agente com uma fonte pequena e fazer as perguntas de controle deste guia antes de tocar no site. Quando estiver satisfeito, consulte os planos e limites disponíveis, copie o snippet e instale primeiro na visualização da sua plataforma.

Comece com uma única finalidade — por exemplo, responder dúvidas de um produto — e amplie somente depois que as respostas, as fontes e o encaminhamento humano estiverem funcionando bem.