Como criar um chatbot de IA para um site

Como criar um chatbot para o seu site em 6 passos

Com um construtor sem código como o Elfsight AI Chatbot, configura tudo num editor visual. Não precisa de HTML, CSS nem JavaScript — o único código é o fragmento que cola no seu site no fim.

1. 1.

   Crie o agente a partir do seu site

   Introduza o endereço do seu site. O agente lê as suas páginas e volta com uma base de conhecimento, um nome, uma função e um tom, uma mensagem de boas-vindas e competências. Também o pode criar à mão.

2. 2.

   Verifique o que ele sabe

   Em Conhecimento, adicione ou remova páginas web, carregue ficheiros e adicione pares de perguntas e respostas, blocos de texto e as informações do seu negócio.

3. 3.

   Defina como fala

   Em Agente, defina a função, o tom e a extensão das respostas e escreva regras sobre o que deve e não deve fazer.

4. 4.

   Adicione competências

   Em Competências, ative a recolha de contactos, uma mensagem de seguimento, botões de ação (WhatsApp, e-mail, chamada…) e um cartão para contactar uma pessoa da sua equipa.

5. 5.

   Dê-lhe o aspeto do seu site

   Em Definições, escolha uma bolha flutuante ou um chat incorporado, um tema e cores, a posição e quando o chat abre.

6. 6.

   Adicione-o ao seu site

   Copie o código de instalação e cole-o no seu site: num bloco HTML personalizado, num campo de injeção de código ou no modelo da página. Cada plataforma tem os seus próprios passos — veja como adicionar um chatbot de IA ao seu site.

Decida para que serve o chatbot

Um chatbot que responde a perguntas de suporte, um que ajuda os clientes a escolher e um que qualifica leads criam-se no mesmo editor, mas cada um precisa de conteúdo, instruções e perguntas iniciais diferentes. Escolha uma função principal antes de começar.

Mais ideias, com exemplos de conversas: casos de uso do chatbot de IA.

Treine o chatbot com o seu próprio conteúdo

Um chatbot dá respostas vagas quando o seu conhecimento é escasso. Dê-lhe o conteúdo sobre o qual os visitantes perguntam realmente:

• Páginas web — até 200 páginas do seu site: produtos, preços, FAQ, contactos. Deixe de fora artigos do blogue e biografias da equipa que diluem as respostas.

• Ficheiros — PDF, TXT, JSON, DOCX, PPTX, HTML ou MD, até 100 MB cada: catálogos, manuais, tabelas de preços.

• Pares de perguntas e respostas — respostas exatas às perguntas mais importantes: preços, condições, garantias.

• Blocos de texto — políticas e avisos que não estão em nenhuma página, escritos em linguagem simples.

• Informações do negócio — horário, morada, telefone.

Quando o agente não sabe uma resposta, pergunta-lhe a si e aprende com a sua resposta, e as lacunas de conhecimento ficam listadas para as rever. Saiba mais em como criar uma base de conhecimento para um chatbot.

Escreva instruções que moldam as respostas

As instruções decidem quem é o chatbot e como se comporta. Cubra três aspetos:

1. 1.

   Função

   «És o assistente de suporte da [Empresa]. Ajudas os visitantes com encomendas, entregas e devoluções.»

2. 2.

   Estilo

   Escolha um tom — Amigável, Profissional, Descontraído, Direto ou o seu próprio — e uma extensão das respostas. Descreva o tom com um exemplo, não só com um adjetivo: «Usa frases curtas, trata o visitante pelo nome, evita expressões como “Lamentamos informar”.»

3. 3.

   Limites

   Diga o que não pode fazer: «Não inventes produtos, preços nem políticas. Não indiques preços para projetos personalizados. Se a resposta não estiver no teu conhecimento, oferece-te para pôr o visitante em contacto com a nossa equipa.»

Pode adicionar até 100 regras de conversa. Veja como treinar um chatbot de IA para exemplos.

Leve os visitantes a iniciar uma conversa

A mensagem de boas-vindas define o tom; as perguntas sugeridas mostram o que o chatbot pode fazer e por onde começar. «Olá! Pergunte-me o que quiser sobre os nossos produtos» com «Seguir a minha encomenda» e «Política de devoluções» funciona muito melhor do que um simples «Olá».

• Escolha como o chat começa: só o botão, uma saudação com perguntas sugeridas ou abrir automaticamente no computador.

• Mostre a saudação após um pequeno atraso para que os visitantes possam ver primeiro a página.

• Dê ao agente um nome, uma imagem e uma legenda para que pareça fazer parte da sua marca.

• Adicione uma linha no rodapé a dizer que as respostas são geradas por IA e podem conter erros.

• Mostre ou oculte o chat por URL da página e por dispositivo, e confirme num telemóvel que não tapa botões.

Recolha leads e passe a conversa a uma pessoa

• Recolher contactos — peça um nome, telefone ou e-mail depois da primeira resposta (bom para suporte: os visitantes partilham mais depois de receberem ajuda), antes do chat, ou torne-o obrigatório (bom para geração de leads).

• Mensagem de seguimento — volta a envolver um visitante que ficou em silêncio.

• Contactar uma pessoa — um cartão com a fotografia, o nome e botões de um membro da equipa, mostrado quando um visitante pede uma pessoa, quando o agente não sabe responder, quando surge uma palavra-chave ou quando um visitante não gosta de uma resposta.

• Conversas por e-mail — a transcrição e os dados de lead de cada conversa podem ser enviados para a sua caixa de entrada; todas as conversas e leads estão também no seu painel.

Mais sobre a passagem para uma pessoa: transferência para humano.

Como criar um chatbot com o ChatGPT (com código)

Se precisa de controlo total sobre o modelo, a interface e os dados, crie o chatbot por si com a API da OpenAI — a API por trás do ChatGPT. Vai precisar de um programador e de um servidor.

1. 1.

   Obtenha uma chave de API

   Crie uma conta na plataforma da OpenAI, adicione os dados de faturação (a API é paga consoante a utilização) e crie uma chave de API.

2. 2.

   Configure um backend

   Use Python ou Node.js num servidor. Guarde a chave numa variável de ambiente no servidor — nunca no JavaScript da sua página, onde qualquer pessoa a pode ler.

3. 3.

   Envie mensagens ao modelo

   O seu backend envia a conversa com uma mensagem de sistema (a função e as regras do bot) e devolve a resposta.

4. 4.

   Crie a janela de chat

   Faça uma caixa de chat em HTML, CSS e JavaScript que envia a mensagem do visitante para o seu backend e mostra a resposta.

5. 5.

   Dê-lhe o seu conteúdo

   O modelo não conhece o seu negócio. Coloque os factos essenciais na mensagem de sistema, ou pesquise os seus documentos e envie as partes correspondentes com cada pergunta (recuperação).

6. 6.

   Teste e mantenha

   Experimente perguntas estranhas e incompletas, trate erros e limites de pedidos, guarde as conversas e acompanhe as alterações da API.

Uma chamada mínima do backend em Python:

from openai import OpenAI

client = OpenAI()  # lê OPENAI_API_KEY do ambiente

def reply(history):
    response = client.chat.completions.create(
        model="your-model",
        messages=[{"role": "system", "content": "És o assistente de suporte da Acme. Responde apenas sobre a Acme."}] + history,
    )
    return response.choices[0].message.content

Criar o seu próprio ou usar um chatbot sem código?

Crie o seu próprio quando o chatbot faz parte do seu produto ou precisa de acesso profundo aos seus sistemas. Para responder a visitantes, captar leads e apoiar clientes num site, um chatbot sem código leva-o lá mais depressa.

Teste, lance e continue a melhorar

1. 1.

   Teste antes de o partilhar

   Faça as perguntas que os visitantes reais fazem, incluindo as vagas e as fora do tema, e verifique o caminho até uma pessoa.

2. 2.

   Leia as conversas

   Procure perguntas a que respondeu mal ou não conseguiu responder e adicione-as como pares de perguntas e respostas ou texto.

3. 3.

   Mantenha o conhecimento atualizado

   Promoções, preços e políticas antigos levam a respostas erradas. Reveja o conhecimento todos os meses.

4. 4.

   Afine a abertura

   Troque as perguntas sugeridas e compare quais os visitantes tocam: «Ajude-me a escolher» costuma ganhar a «Recomendações de produtos».