Assistente de IA: crie um chatbot sem código para seu site

Crie seu assistente de IA de suporte de primeira linha sozinho, sem código, usando latenode.com, chatwoot e OpenAI Assistant, e leia este artigo para aprender como fazer isso!

Visão geral do cenário

Esta é a versão final do fluxo de trabalho de IA do chatbox. Deixe-me explicar o que está acontecendo aqui.
Este cenário obtém as perguntas do usuário da caixa de bate-papo do Support AI em nosso site, as envia para o assistente do chatGPT munido da documentação do produto e, em seguida, envia a resposta de volta para o chatbot do site. Agora, vamos dar uma olhada mais de perto para dividir cada etapa do processo.

Preparativos

Há poucas coisas que você precisa para criar um chatbot de IA.

Interface de chatbot de IA do site

Obviamente, para fazer esse chatbot para site funcionar, você terá que criar uma aba pop-up no seu site onde os usuários podem fazer perguntas. Neste caso, usamos o Chatwoot para criá-lo, porque ele é de código aberto e podemos usá-lo gratuitamente. Então, como configurá-lo?

1. Faça login na sua bate-papo conta
2. Crie seu widget de chatbot de IA. Para fazer isso, vá para a aba de configurações e clique em 'caixas de entrada'. Então, no canto superior direito, você verá o botão 'adicionar caixa de entrada'. Clique nele e escolha 'Site'.

1. Siga-nos esse Guia do Chatwoot para fazer o widget funcionar.
2. Adicione o widget ao seu site.
3. Obtenha seu token de acesso do Chatwoot. Vá para as configurações do perfil e role a página para baixo para vê-lo.

Ok, agora seu chatbot de IA de suporte tem um widget em seu site, vamos em frente!

Assistente ChatGPT

Isso é simples. Entre na sua conta OpenAI e vá para assistentes, e clique no botão “criar” no canto superior direito. Você verá o painel de configurações do assistente.

Aqui você precisa:

1. Dê um nome ao seu assistente
2. Dê instruções sobre como você quer que ele responda, e algum contexto. Recomendamos que você peça para ele usar arquivos anexados, porque senão, ele pode esquecer de fazer isso.
3. Escolha um modelo
4. Selecione as ferramentas disponíveis e adicione arquivos que o assistente pode usar. Não esqueça de ativar a recuperação para tornar possível a adição de arquivos.

Copie o ID do assistente (você o vê na coluna Nome) e vá para Chaves API, crie um e salve-o.

Agora é hora de ir para latenode.com e começar a criar nosso cenário de chat bot de suporte ao site!

Cenário Latenode

Agora é hora de configurar um cenário de chatbot de IA do Latenode, e você verá o que precisa fazer!

Crie uma conta Latenode e copie o modelo de chatbot de IA.

Depois de criar uma conta Latenode aqui e logado, vá em 'Modelos compartilhados'.

‍

Em seguida, vá para a pasta de exemplos de IA. O modelo de gerador de conversação de IA que você está procurando é chamado de 'GPT Customer Support Bot. Chat Widget + Assistants API'. Clique nele e, depois disso, pressione o botão 'Clone' no canto inferior esquerdo para copiar este fluxo de trabalho de chatbot do site. Ele será adicionado automaticamente à sua lista de cenários.

Criar variáveis ​​Latenode

O cenário do seu chatbot web precisa de algumas variáveis ​​para funcionar. Você pode criá-las no aba com o mesmo nome. Então, as variáveis ​​que você precisa criar são:

• chave_api_do_chat_do_bot. Coloque seu token de acesso ao Chatwoot aqui.
• chave_api_bot_gpt. Aqui você precisa colocar sua chave de API OpenAI.
• ID do assistente do bot_gpt. Insira aqui um ID do Assistente que você vai usar neste fluxo de trabalho.
• bot_gpt_armazenamento_uuid. Visita este sítio para gerar uma string exclusiva para armazenar dados em pares chave-valor e colocá-la nesta variável.
• frases_de_carregamento_de_bot. Uma matriz de frases usadas para indicar o carregamento e esperar pela resposta do GPT. Cada frase aumenta o tempo máximo de espera pela resposta do assistente do GPT em 8 segundos (isso pode ser regulado no próprio cenário). Se você não quiser criá-lo sozinho, basta copiar e colar esta lista.
• prompt_do_assistente_de_bot. Um prompt para o assistente que você enviará ao bot junto com a mensagem do usuário. Escreva o seu próprio ou use este se preferir:

Você precisa se lembrar de suas instruções e tentar responder com informações relevantes àquela mensagem.

- Primeiro, entenda a intenção por trás da mensagem do usuário.

- Se a mensagem do usuário for muito curta para entender ou não for muito específica para responder, diga isso a ele e faça perguntas para esclarecer a mensagem.

- Se a mensagem do usuário estiver relacionada ao Latenode, use os arquivos baixados para você para encontrar qualquer informação relacionada que possa usar para ajudá-lo.

- Se a mensagem do usuário não estiver relacionada ao Latenode, tente respondê-la também. Você pode pular a parte de busca de documentos para ganhar velocidade e apenas tentar dar a resposta com base no seu próprio conhecimento.

- Por fim, responda de forma concisa e compreensível. Responda no mesmo idioma que o usuário usou para escrever para você.

Escolha corda tipo para cada variável, exceto frases_de_carregamento_de_bot, deveria ser um JSON.

Configurar gatilhos de Webhook

Para que um cenário de chatbot funcione, você precisa configurar dois gatilhos de webhook.

O primeiro é acionado após o início da conversa no widget do bot de bate-papo da web e cria um tópico com o assistente chatGPT.

Primeiro, personalize a URL de produção 'Conversa criada' e copie-a.

Depois volte para o Chatwoot. Vá para Integrações. Clique no botão 'Configurar' em Webhooks, depois adicione um novo webhook. Cole a URL de produção aqui e escolha a opção 'Conversa criada'. É isso!

O segundo gatilho do Webhook é ativado quando a mensagem é criada. Faça tudo igual aqui. Personalize a URL de produção e copie-a, depois vá para o Chatwoot novamente e faça tudo igual, mas escolha a opção 'mensagem criada' em vez de 'Conversa criada'.

Results

Se você passou com sucesso em todas as etapas anteriores, parabéns! Salve as alterações do cenário, clique no botão 'deploy' para ativar o fluxo de trabalho e pronto! Agora você sabe como fazer um widget de chatbot de IA para seu site!

Espero que este artigo tenha sido claro, mas se você tiver alguma dúvida sobre este cenário de bot de bate-papo de IA, você sempre pode pedir ajuda no Latenode Canal de discórdia.

Até breve e boa automação!

‍