Automatizando respostas com n8n e a API do ChatGPT no seu site Hostinger

Introdução: Descubra como criar um workflow no n8n que utiliza a API do ChatGPT para responder automaticamente as dúvidas dos visitantes do seu site hospedado na Hostinger. Neste artigo você aprenderá, passo a passo, a configurar o webhook, integrar a chave da OpenAI e conectar a solução ao seu domínio, oferecendo suporte instantâneo e escalável.

Configurando o workflow no n8n

O primeiro passo para automatizar respostas inteligentes é montar o fluxo dentro do n8n. Siga estas etapas para garantir que a comunicação entre seu site e a API do ChatGPT ocorra sem erros:

• 1. Crie um novo workflow: Acesse o painel do n8n, clique em “New Workflow” e dê um nome claro, como ChatGPT‑Responder‑Hostinger.
• 2. Adicione um nó “Webhook”: Defina o método HTTP como POST e copie a URL gerada; ela será usada no formulário de contato ou chat do seu site.
• 3. Insira o nó “HTTP Request”: Configure-o para chamar https://api.openai.com/v1/chat/completions. No cabeçalho, adicione Authorization: Bearer SEU_TOKEN_OPENAI e Content-Type: application/json.
• 4. Estruture o corpo da requisição: Use a sintaxe abaixo, substituindo YOUR_MODEL (ex.: gpt-4o) e incluindo messages com o conteúdo recebido do webhook:

  {
    "model": "gpt-4o",
    "messages": [{"role": "user", "content": "{{$json["question"]}}" }]
  }

• 5. Capture a resposta: Conecte um nó “Set” ou “Function” para extrair choices[0].message.content e formatar a mensagem que será enviada ao visitante.
• 6. Envie a resposta ao site: Utilize um nó “HTTP Response” para retornar o texto ao webhook, permitindo que o front‑end exiba a resposta em tempo real.

Com esses blocos conectados, o workflow já está pronto para receber perguntas, processá‑las com o ChatGPT e devolver a solução ao usuário.

Integrando o workflow ao seu site Hostinger

Agora que o fluxo no n8n está configurado, basta vinculá‑lo ao seu domínio Hostinger. Siga os passos abaixo para fazer a integração de forma rápida e segura:

• 1. Certifique‑se de que o site permite requisições externas: No painel da Hostinger, habilite CORS ou configure o .htaccess para aceitar a URL do webhook n8n.
• 2. Adicione o código de captura de perguntas: Insira um pequeno script JavaScript no seu formulário ou widget de chat:

  <script>
  document.getElementById('askForm').addEventListener('submit', async (e) => {
    e.preventDefault();
    const pergunta = document.getElementById('question').value;
    const resposta = await fetch('URL_DO_WEBHOOK_N8N', {
      method: 'POST',
      headers: {'Content-Type': 'application/json'},
      body: JSON.stringify({question: pergunta})
    }).then(r => r.json());
    document.getElementById('answer').innerText = resposta.answer;
  });
  </script>
  

• 3. Exiba a resposta ao visitante: Crie um elemento HTML, como <div id="answer"></div>, para mostrar a mensagem retornada pelo workflow.
• 4. Teste a integração: Acesse seu site, faça uma pergunta e verifique se a resposta aparece instantaneamente. Caso haja falhas, revise os logs do n8n e as regras de CORS.
• 5. Otimize a experiência: Ajuste o prompt enviado ao ChatGPT, inclua mensagens de boas‑vindas e defina limites de tamanho para evitar respostas muito longas.

Ao concluir estas etapas, seu site Hostinger passa a oferecer um atendimento automatizado, reduzindo o tempo de espera do cliente e libertando recursos humanos para tarefas mais estratégicas.

Conclusão: Implementar um workflow no n8n que utiliza a API do ChatGPT é uma solução prática e escalável para responder dúvidas de visitantes do seu site Hostinger. Configurando o webhook, a chamada HTTP à OpenAI e integrando o script ao front‑end, você garante respostas imediatas e precisas. Agora, basta ativar o fluxo e observar a melhoria no suporte ao cliente.