Como adicionar o ChatGPT ou o Gemini ao seu site WordPress: guia passo a passo 2026

30 de novembro de 2025
Resumir com IA

Deseja adicionar um plugin de chatbot de IA ao seu site WordPress? Você está no lugar certo. Neste tutorial passo a passo, mostrarei exatamente como integrar o ChatGPT (OpenAI) ou o Google Gemini ao WordPress, mesmo que você nunca tenha feito nada parecido antes.

Não é necessário codificar. Demora cerca de 10 minutos. Vamos fazer isso 🚀

Assistente de IA
Assistente de IA
Contato humano
Como funciona?
1

Um chatbot de IA adequado não é como aqueles bots antigos com respostas pré-escritas. Ele usa o ChatGPT ou o Gemini para entender o que os visitantes estão perguntando e pesquisas no conteúdo real de seu site para dar respostas relevantes.

Se lhe interessam os aspetos técnicos, veja o nosso artigo sobre como funcionam os chatbots com tecnologia RAG.

O que você precisará

  • Site WordPress 🙂
  • Um plug-in de chatbot de IA (abordarei as opções abaixo)
  • Chave de API da OpenAI ou do Google (leva 2 minutos para ser criada)
  • Cerca de 10 a 15 minutos

É isso aí. Vamos lá.

Etapa 1: Instalar um plug-in de chatbot

Agora você precisa de um plug-in do WordPress para conectar tudo. Há várias opções disponíveis - AI Engine, Tidio, etc.

Eu uso Assistente de IA que tem uma versão gratuita com a qual você pode começar. Ele é realmente nativo do WordPress e funciona com qualquer tema do WordPress e treina o chatbot no conteúdo real do seu site.

Para instalar:

  1. Faça o download do plug-in no site: Download do AI Chat & Search
  2. Ir para WordPress → Plugins → Adicionar novo → Plugin de upload
  3. Faça upload do zip arquivo, instalar, ativar

Isso é tudo para a configuração básica.

Etapa 2: obtenha sua chave de API

Primeira coisa - você precisa de um Chave de API para conectar seu site ao ChatGPT ou Gemini. Trata-se basicamente de uma senha que permite que seu chatbot converse com a IA.

Você pode escolher entre OpenAI (ChatGPT) ou Google (Gemini). Ambos funcionam muito bem. Veja como obter cada um:

Opção A: chave de API da OpenAI (ChatGPT)

  1. Ir para platform.openai.com e criar uma conta
  2. Clique em API Keys (Chaves de API) na barra lateral (ou vá diretamente para platform.openai.com/api-keys)
  3. Clique em “Create new secret key” (Criar nova chave secreta)”
  4. Dê a ele um nome como “WordPress Chatbot”
  5. Copie-o imediatamente - você não o verá novamente

Em seguida, adicione alguns créditos - vá para Faturamento → Adicionar créditos. O mínimo é $5, o que lhe dá aproximadamente:

  • ~2,000 messages with GPT-4.1 Mini
  • ~5.000 mensagens com o GPT-5.1
  • ~3.000 mensagens com o GPT-4.1

Para a maioria dos sites pequenos, o $5 dura até cinco anos, literalmente. A OpenAI usa créditos pré-pagos para que você não possa gastar demais acidentalmente.

Há um Tutorial em vídeo de 2 minutos aqui se você preferir assistir.

Opção B: Chave de API do Google Gemini

O Gemini tem um nível gratuito que é bom para testes:

  1. Ir para aistudio.google.com/api-keys
  2. Clique em “Criar chave de API“
  3. Escolha um projeto do Google Cloud (ou crie um)
  4. Copie sua chave

Feito. Literalmente 30 segundos.

Limites da camada gratuita: 10 solicitações por minuto, 250 solicitações por dia para o Gemini 2.5 Flash. Bom o suficiente para sites de teste e de baixo tráfego.

Para uso em produção, você deverá ativar o faturamento. O Gemini 2.5 Flash custa cerca de $0.30 por milhão de tokens de entrada - muito barato - semelhante ao ChatGPT ~$5 por 5.000 mensagens. Lembre-se de que o Gemini cobra após o ciclo (não é pré-pago como o OpenAI), portanto, fique atento ao seu uso.

Etapa 3: Conecte sua chave de API

Agora vamos conectar tudo:

  1. Na barra lateral do WordPress, localize Assistente de IA
  2. Ir para Configurações guia
  3. Cole sua chave de API da OpenAI ou da Gemini
  4. Escolha seu modelo de IA (eu gosto de GPT-5.1 e Gemini Flash 2.5)
  5. Salvar

Etapa 4: Treinar o Chatbot

Essa é a parte importante - o chatbot precisa saber o que há em seu site.

  1. Vá para o Treinamento de dados guia
  2. Clique em “🚀 Iniciar treinamento”
  3. Aguarde a conclusão do processo

O plug-in examina seu conteúdo e cria embeddings (basicamente um índice pesquisável) que a IA usa para encontrar itens relevantes ao responder a perguntas.

Use o prompt do sistema como uma folha de dicas. Na versão gratuita, você recebe 1.000 caracteres, o suficiente para incluir suas informações de contato, política de envio, política de devolução, horário comercial e respostas a perguntas comuns. A IA usa isso para responder sem sequer pesquisar seu banco de dados.

A versão gratuita permite o treinamento em todas as postagens do blog. Você pode adicionar algumas postagens e usá-las como fonte sobre seu site e torná-las também artigos otimizados para SEO. Todos saem ganhando! A versão Pro desbloqueia páginas, produtos, Custom Post Types e PDFs carregados.

Exemplo:

Somos uma torrefação de café sediada em Portland. Enviamos grãos frescos semanalmente.

TRANSPORTE: Gratuito acima de $35, caso contrário, $5,99. Envio em até 2 dias.
DEVOLUÇÕES: reembolso total em até 14 dias se não for aberto.
CONTATO: hello@coffeeshop.com, de segunda a sexta, das 9h às 17h PST

Popular: Yirgacheffe da Etiópia ($18), House Blend ($14)
Assinaturas: 10% de desconto, cancelamento a qualquer momento na página da conta.

A IA usará essas informações para responder a perguntas, mesmo sem pesquisar seu banco de dados. Se alguém perguntar “você oferece assinaturas?” - ela já sabe.

Etapa 5: Personalize a forma como ele responde

Mantenha as respostas curtas

Adicione isso ao prompt do sistema:

Mantenha as respostas breves, com menos de 100 palavras. Faça um link para as páginas relevantes para obter detalhes.

Respostas mais curtas = respostas mais rápidas.

O chatbot funciona bem, mas você pode torná-lo muito melhor informando-o sobre o seu site. Encontre as instruções personalizadas ou o campo de prompt do sistema e adicione algum contexto:

IMPORTANT:
- This is [describe your site - what you sell/do]
- If users ask about [common question], tell them [answer]
- If users ask about [another common thing], explain [how it works]

CONTACT INFO:
- Email: your@email.com  
- Phone: your number
- Hours: when you're available

Por exemplo, uma loja on-line pode usar:

IMPORTANTE:
- Esta é uma loja de móveis on-line com remessa mundial.
- Se os usuários perguntarem sobre os pedidos, eles poderão rastreá-los em "My Account" ou enviar um e-mail para o suporte.
- Se os usuários perguntarem sobre devoluções, aceitamos devoluções no prazo de 30 dias.

CONTATO: support@store.com, de segunda a sexta, das 9h às 17h

Correção rápida para resultados vazios

Se o chatbot não retornar nada quando alguém perguntar por “bons fones de ouvido” ou “bom restaurante”, ele pode estar filtrando automaticamente as classificações altas. Adicione esta linha:

Não aplique um filtro de classificação a menos que o usuário o solicite especificamente.

Etapa 6: personalizar o widget de chat (opcional)

A configuração básica está pronta, mas há várias opções para deixar o chatbot mais adequado ao seu site. Vá até a aba AI Chat nas configurações.

Configurações básicas

  • Nome do chatbot - o que é exibido no cabeçalho do bate-papo (padrão: “Assistente”)
  • Mensagem de boas-vindas - a primeira mensagem que os visitantes veem quando abrem o bate-papo. Algo como “Olá! Posso ajudá-lo a encontrar produtos ou responder a perguntas. O que está procurando?”
  • Modelo de IA - Escolha seu modelo preferido, como GPT 5.1 ou Gemini 3 Pro / 2.5 Flash
  • Resultados máximos - quantos itens devem ser exibidos nos resultados da pesquisa (5-50)

Aparência do widget

Você pode personalizar a aparência do balão de bate-papo flutuante:

  • Ícone de botão personalizado - carregar seu próprio ícone SVG
  • Mensagem de boas-vindas do Bubble - o pequeno texto que aparece acima do botão de bate-papo (“Hi! How can I help you?”)
  • Largura/altura do pop-up - redimensionar a janela de bate-papo (padrão 390x600px)
  • Cor do botão e cor primária - Combine as cores de sua marca
  • Esquema de cores Escuro, Claro ou Automático
  • Estilo de Cabeçalho Inicial – Escolha entre um cabeçalho simples (padrão) (seção superior da janela de chat) ou um cabeçalho com imagem de fundo para a visualização inicial do cabeçalho (antes da primeira mensagem). Isso funciona apenas com o widget flutuante, não com shortcodes. Permite personalizar visualmente a janela de chat para combinar com a sua marca.

Opções de privacidade e acesso

  • Exigir login para usar o chat - somente usuários conectados podem bater papo (útil para sites de associação)
  • Ativar o rastreamento do histórico de bate-papo - salva as conversas para análise (excluídas automaticamente após 30 dias)
  • Aviso de Termos de Uso da Mostra - adiciona um aviso de termos para conformidade
  • Ocultar bate-papo em páginas selecionadas - desativar o widget em páginas específicas, como Cart, Checkout, My Account

Usando o código curto

Não quer o widget flutuante? Em vez disso, use o shortcode:

[ai_chat]

Você pode personalizá-lo com parâmetros:

[ai_chat height="600px" style="2"]

Isso permite incorporar o bate-papo em qualquer lugar - em uma página, barra lateral ou seções específicas do seu site.

É isso aí - você terminou! 🎉

Sério, esse é o processo completo. Seu site agora tem um chatbot de IA que:

  • Compreende perguntas em linguagem natural
  • Busca respostas em seu conteúdo real
  • Funciona 24 horas por dia, 7 dias por semana, sem que você precise fazer nada

Vá testá-lo. Faça algumas perguntas sobre seu site e veja como ele se sai. Ajuste o prompt do sistema, se necessário.

FAQ

Qual é o custo de operação?

Os custos da API são normalmente de $5-15/mês para sites de pequeno a médio porte. Muito menos do que a maioria dos serviços de chatbot por assinatura.

Isso deixará meu site mais lento?

Não. O chatbot é carregado de forma assíncrona, o processamento de IA ocorre nos servidores OpenAI/Google. A pesquisa do conteúdo do site ocorre em seu servidor por meio do cálculo de similaridade de cosseno das incorporações (alerta de nerd)

Preciso criar fluxos de conversa ou árvores de decisão?

Não. Basta escrever instruções em linguagem simples, como se estivesse instruindo um novo funcionário. “Mantenha um tom amigável, sugira o WhatsApp se eles não conseguirem encontrar o que precisam, evite o jargão técnico.” A IA resolve o resto.

É multilíngue?

Funciona em qualquer idioma. Você pode até mesmo instruí-lo a traduzir as consultas antes de pesquisar se o seu conteúdo estiver em um idioma específico.

Alguém pode enviar spam para o chatbot?

Não. Há duas camadas de limitação de taxa: no lado do cliente (cache do navegador) e no lado do servidor. Portanto, mesmo que alguém tente abusar, os limites serão atingidos logo.

Deseja mais recursos?

Se você precisar de mais, o Versão Pro ($59 one-time) adds:

  • Histórico de conversas de bate-papo - veja o que os visitantes estão perguntando
  • Pesquisa de posts e páginas - A IA pesquisa todo o seu conteúdo
  • Filtros do WooCommerce - filtrar por preço, estoque, classificações, itens em promoção
  • Cartões de produtos no bate-papo - mostrar cartões de produtos reais, não apenas texto
  • Tipos de post personalizados - treinar em qualquer tipo de conteúdo
  • Treinamento em PDF - Fazer upload de manuais, FAQs, documentos
  • Remover a marca - sem rótulo “powered by” (alimentado por)

Se você quiser conferir alternativas ao AI Chat & Search, pode ler nosso artigo de comparação entre diferentes chatbots para WordPress →

Links:

Purethemes