AI Assistant: crie um chatbot sem código para seu site

Crie você mesmo seu primeiro assistente de IA de suporte de linha sem código usando latenode.com, chatwoot e o assistente OpenAI e leia este artigo para saber como fazer isso!

Visão geral do cenário

Essa é a versão final desse fluxo de trabalho de IA do chatbox. Deixe-me explicar o que está acontecendo aqui.
Esse cenário recebe as perguntas do usuário do chatbox de IA do suporte em nosso site, envia-as 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 detalhar cada etapa do processo.

Preparativos

Você precisará de algumas coisas para criar um chatbot com IA.

Interface do chatbot de IA do site

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

1. Faça login em sua conta do chatwoot
2. Crie seu widget de chatbot de IA. Para fazer isso, vá para a guia de configurações e clique em "caixas de entrada". Em seguida, no canto superior direito, você verá o botão "adicionar caixa de entrada". Clique nele e, em seguida, escolha "Website".

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

Agora que seu bot de bate-papo com IA do Support tem um widget em seu site, vamos em frente!

Assistente do ChatGPT

Isso é simples. Faça login em sua conta da OpenAI e vá para assistentese 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ê a ele instruções sobre como você deseja que ele responda e algum contexto. Recomendamos que você peça que ele use arquivos anexados, pois, caso contrário, ele pode se esquecer de fazer isso.
3. Escolha um modelo
4. Selecione as ferramentas disponíveis e adicione arquivos que o assistente possa usar. Não se esqueça de ativar a recuperação para possibilitar a adição de arquivos.

Copie o ID do assistente (você o verá na coluna Nome) e, em seguida, vá para Chaves de APIcriar uma e salvá-la.

Agora é hora de você acessar latenode.com e começar a criar nosso cenário de bot de bate-papo de suporte a sites!

Latenode cenário

Agora é hora de configurar um cenário de bot de bate-papo de IA Latenode , e você verá o que precisa fazer!

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

Depois que você criar uma conta Latenode aqui e fizer login nela, vá para 'Shared templates' (Modelos compartilhados).

‍

Em seguida, vá para a pasta de exemplos de IA. O modelo de gerador de conversas de IA que você está procurando chama-se 'GPT Customer Support Bot. Widget de bate-papo + API de assistentes". Clique nele e, depois disso, pressione o botão "Clone" no canto inferior esquerdo para copiar o fluxo de trabalho desse website chatbot. Ele será automaticamente adicionado à sua lista de cenários.

Criar variáveis Latenode

Seu cenário de chatbot da Web precisa de algumas variáveis para funcionar. Você pode criá-las na guia de mesmo nome. Portanto, as variáveis que você precisa criar são:

• bot_chatwoot_api_key. Coloque seu token de acesso ao Chatwoot aqui.
• bot_gpt_api_key. Aqui você precisa colocar sua chave de API OpenAI.
• bot_gpt_assistant_id. Insira aqui um ID do Assistente que você usará nesse fluxo de trabalho.
• bot_gpt_storage_uuid. Visite este site para gerar uma cadeia de caracteres exclusiva para armazenar dados em pares de valores-chave e colocá-la nessa variável.
• bot_loading_phrases. Uma matriz de frases usadas para indicar o carregamento e para aguardar a 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á-la por conta própria, basta copiar e colar essa lista.
• bot_assistant_prompt. Um prompt para o assistente que você enviará ao bot junto com a mensagem do usuário. Escreva seu próprio prompt ou use este, se você quiser:

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

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

- Se a mensagem do usuário for muito curta para ser entendida ou não for muito específica para ser respondida, 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 ser usada para ajudá-lo.

- Se a mensagem do usuário não estiver relacionada ao site Latenode, você também tentará respondê-la. Você pode pular a parte da pesquisa de documentos por uma questão de velocidade e tentar dar a resposta com base em seu próprio conhecimento.

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

Escolha o tipo string para cada variável, exceto bot_loading_phrases, que deve ser um JSON.

Configurar acionadores de webhook

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

O primeiro é acionado depois que a conversa começa no widget do bot de bate-papo da Web e cria um thread com o assistente do chatGPT.

Primeiro, personalize sua url de produção "Conversation created" (Conversa criada) e copie-a.

Em seguida, volte para o Chatwoot. Vá para Integrações. Clique no botão "Configurar" em Webhooks e, em seguida, adicione um novo webhook. Cole a URL de produção aqui e escolha a opção "Conversa criada". E pronto!

O segundo acionador do Webhook é ativado quando a mensagem é criada. Faça tudo igual aqui. Personalize o URL de produção e copie-o. Em seguida, vá para o Chatwoot novamente e faça tudo da mesma forma, mas escolha a opção "mensagem criada" em vez de "conversa criada".

Resultados

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

Espero que este artigo tenha sido claro, mas se você tiver alguma dúvida sobre esse cenário de bot de bate-papo com IA, sempre poderá pedir ajuda nocanal do Discord Latenode .

Vejo você em breve e boa automação!

‍