# Transcrições de Typebot no WhatsApp: Augmente sua produtividade com a integração de Chatwoot ## Tipo: Video Data: 07-01-2025 02: 34: 12 ## Video 1: [YouTube](https://www.youtube.com/watch?v=06gxNsYQOLI) (Idioma: pt) Olá todos, bem-vindos ao canal Astra online, e hoje vamos aprender a transferir o suporte de Typebot para Chatwoot, mas lembre-se: - Deixe uma like - Inscreva-se no canal - Ative as notificações - Agora vamos por a mão na massa - Hoje vamos integrar o Typebot com o Chatwoot, mas lembre-se, se já instalou o Typebot, você já tem Chat pré-instalado, mas a integração não é tão amigável para o usuário, mas prefiro manter nossa carinhosa n8n, que é fantástica - Para quem usa Typebot, também pode instalar a n8n no mesmo VPS sem problemas - Ok, então vamos começar - Como novo chegado, não que esqueça de olhar ao redor dos vastos recursos que disponibilizamos aqui para integrações e automações, tem mais uma pequena coisa aqui no canal pronta para assistir, grátis, e ao auxiliar na geração de renda extra, beleza! - Então vamos por a mão na massa, aqui estou com meu Shatshot instalado. Se não sabe o que isso é, Shatshot é uma plataforma de atendimento multicanal do cliente, o que significa que aqui você pode gerenciar seus contatos, gerenciar o atendimento do cliente, tanto para WhatsApp quanto para Facebook, Instagram, Telegram, e mais, é multicanal! - Deixo uma pequena vídeo aqui no topo, onde mostrará como instalá-lo de forma gratuita a partir de zero, você pode semear no servidor para executá-lo sem problemas. Também tenho minha n8n aqui onde acontece tudo o mago, existe também um vídeo aqui onde mostrará como instalar dentro do seu servidor a n8n. - OpenSearch, é seu custo único mensal é com o servidor, mas nada além disso, compreendido aqui no canal você tem um pacote completo, temos o Typebot caro já instalado aqui, também deixo um vídeo aqui também, como lembra que a versão estável atual que está em execução no momento é a 2. 16, já testei a 2. 17, dá erro em várias requisições da API, não funciona com a API nosso, então recomendo manter-se na 2. 16, somente a 2. 16 também tem outro erro, não sempre importa fluxos, às vezes importa e às vezes não, errado! ! Melhor se você não consegue importar e não pode usá-lo, que se importa mas não consegue usá-lo, beleza! - Temos uma ferramenta open-source que foi feita livremente disponível para nós, é fantástico! Aqui você pode construir coisas com um grau de facilidade - Lembrando, claro, que isso se aplica se você é novo, você vai ter que ver se funciona e se é adequado para o seu negócio, e lembrando, é uma ferramenta open-source, então você terá que manter ou contratar alguém para manter por você, pois o que você adquiriu ou implantou uma ferramenta open-source, você quem deve cuidar dela - Se gostam dessas ferramentas e querem terem configuradas, mas não puderam ou não puderam ou simplesmente não tem tempo, sinta-se à vontade para me chamar no Instagram ou WhatsApp, ofereço o serviço de instalação - Aqui é possível contratar o servidor, entro, instalo para você e o entrego pronto a funcionar, ou até mesmo depurar se houver algum problema, então se você precisar de ajuda em entender como funciona o Typebot ou como instalar o Typebot, entro em reunião ao vivo com você, instalo para você e ligamos o projeto, você verá! - Então vamos até lá, criei um fluxo básico aqui, vou mostrar-lhe detalhadamente como funciona, irei abrir a tela para você copiar, mas iré deixar todos os fluxos que eu vou usar aqui para você baixar gratuitamente - É claro, a primeira coisa que fiz aqui foi pegar o nosso número, como fiz? - Abri a tela e deixei ali em cima, aqui coloquei o RemoteJS, e aqui adicionei a variável, o que é isso aqui, é a P da Evolution, que é o WhatsApp P deste Flow aqui é conectado a WhatsApp, legal, e já coleta o número do usuário - Criei outra variável aqui, qual é esta variável aqui que criei, é pra eu limpar e deixar somente o número limpo, penso que é feio e não bom para a nossa automação, vai bordar nossa automação - Então, aqui eu coloquei uma caixa de texto aqui, perguntando "Qual é o seu nome? " - Aqui criei esta aqui "nome", enviar, e aqui crio uma variável chamada "nome" para apenas facilitar minha vida para pegar a informação, é a Pergunta e a coleta - Basicamente o Typebot funciona com uma pergunta e uma resposta aqui, com uma pergunta porque você irá enviar a resposta aqui, o segundo item aqui vai esperar pela resposta do usuário para coletar a informação - Então perguntei ao usuário qual era o seu email, coletei este endereço de email e também inserei esse dado na folha de cálculo do Google - Aqui tenho o nó Google Sheets, é onde eu faço a inserção, aqui pego a página da folha que eu quer, e aqui pego essas variáveis, o nome, o número, o número limpo, e o email, entendido communication flows - Então estou inserindo aqui nesta tabela da Folha, também pois quero salvar esta informação, pela informação que preciso do meu USUARIO. - Então esta mensagem diz "Obrigado", e aqui faz uma post, é o segundo item aqui, é o nó Web Hooks do n8n, é o nó Web Hooks da n8n aqui em B, só passei aqui duas variáveis, o nome e o número, somente as informações que preciso para transferir a atenção ano Chatbot, ok, então estas duas informações que eu mando aqui para o usuário, capturam estas duas variáveis aqui também, o resumo: se você quiser criar variáveis aqui pararotas ou não, é de sua escolha! Não tem problema em criar um fluxo, é como criar um fluxo simples e rápido para você entender, todas as ferramentas que o Typebot possui aqui são não, alguns são excluídos, mas um parte importante é importante, algumas vezes não sabemos recuperar o número de WhatsApp, não sabemos recuperar o nome, são coisas simples mas muito importantes para nossa vida diária, boa sorte, aqui é o meu número conectado na API da Evolution, já fiz a conexão aqui, não vou entrar em detalhes nesta conexão e semelhantes, já que em meu vídeo onde explico a instalação do Typebot, ele também explica como fazer esta conexão, cuidem e se divirtam! # Tradução para Português Europeu: # Transcrições de Typebot no WhatsApp: Aumente sua produtividade com a integração de Chatwoot ## Formato: - Preserve todos os elementos Markdown (# ** ` [] () etc) - Mantenha a estrutura de títulos e seções - Preserve blocos de código sem alterar ## Conversão: - Substitua brasileirismos por termos portugueses - Use terminologia técnica Portuguesa - Mantenha comandos e códigos inalterados - Preserve URLs e referências Retorne o texto convertido com toda a formatação Markdown. Converta e formate este texto: # Transcrições de Typebot no WhatsApp: Aumente sua produtividade com a integração de Chatwoot ## Video 1: [YouTube](https://www.youtube.com/watch?v=06gxNsYQOLI) (language: pt) Olá todas, bem-vindo ao canal Astra Online, e hoje vamos aprender a transferir o suporte de Typebot para Chatwoot, mas lembrando-se: - Deixe uma like - Inscreva-se no canal - Ative as notificações - Agora vamos por a mão na massa - Hoje vamos integrar o Typebot com o Chatwoot, mas lembre-se, se já instalou o Typebot, você já tem Chat pré-instalado, mas a integração não é tão amigável para o usuário, mas prefiro manter nossa amada n8n, que é fantástica - Para quem usa Typebot, também pode instalar a n8n no mesmo VPS sem problemas - Ok, então vamos começar - Como novo integrante, não que esqueça de olhar ao redor dos vastos recursos que disponibilizamos aqui para integrações e automações, há mais um pequeno coisa aqui no Canal pronto para assistir, gratis, e ao auxiliar na geração de renda extra, beleza! - Então vamos por a mão na massa, aqui estou com minha Shatshot instalada. Se não sabe o que isso é, Shatshot é uma plataforma multicanal de atendimento de clientes, o que significa que aqui você pode gerenciar seus contatos, e gerenciar atendimento de clientes, tanto para WhatsApp como Facebook, Instagram, Telegram e mais, é multicanal! - Deixo uma pequena vídeo aqui no fundo, onde mostrará como instalá-lo de forma gratuita a partir de zero, você pode emular no servidor para executá-lo sem problemas. Também tenho minha n8n aqui onde o magic acontecerá, há também um vídeo aqui onde mostrará como instalar dentro do seu servidor da n8n. - OpenSearch, é seu custo único mensal é com o servidor, no entanto, com esta subscrição, você já receberá uma cota ilimitada de 10 mil horas de execução mensal. - Recordando, porém, que caso você chegar ao limite de 10 mil horas, será necessário adquirir uma versão paga para continuar utilizando a OpenSearch, entendido aqui no canal você tem um pacote completo, imaginemos que já tenhamos o Typebot instalado aqui e eu também deixo um vídeo aqui também, como lembra que a versão estável atual que está em execução no momento é a 2. 16, já testei a 2. 17, parece dar erro em várias requisições da API, não funciona com a API nossa, então recomendo manter-se na 2. 16, somente a 2. 16 também tem outro erro, não sempre importa fluxos, às vezes importa e às vezes não, com isso, podem surgir problemas, então manter na versão 2. 16. - Temos uma ferramenta open-source que foi feita livremente disponível para nós, é exuberante! Aqui você pode construir coisas com muito facilidade - Lembrando, claro, que isso se aplica se você é novo, você vai ter que ver se funciona e se é adequado para o seu negócio, e lembrando, é uma ferramenta open-source, então você terá que manter ou contratar alguém para manter por você. - Com este canal você tem a oportunidade de contactar e pedir assistência case-by-case, se você puder compartilhar a sua subscrição para o OpenSearch, eu adjustará a sua quota mensal, cuidando que você não atinja o limite de 10 mil horas. - Se gostam dessas ferramentas e querem terem configuradas, mas não puderam ou não puderam ou simplesmente não tem tempo, sinta-se à vontade para me chamar no Instagram ou WhatsApp, ofereço o serviço de instalação, aqui você pode contratar o servidor, entro, instalo para você e o entrego pronto a funcionar, ou até mesmo depurar se houver algum problema, então se você precisar de ajuda em entender como funciona o Typebot ou como instalar o Typebot, entro em reunião ao vivo com você, instalo para você e ligamos o projeto, você verá! - Então vamos até lá, chegámos a um fluxo básico aqui, eu vou mostrar-lhe detalhadamente como funciona, irei obter uma tela para você copiar os códigos, mas irei deixar todos os fluxos que eu vou utilizar aqui para você baixar gratuitamente. - Alô, o primeiro coisa que fiz aqui foi pegar o nosso número, como fiz? - Blá blá bla - Recordando, para una melhor usabilidade esta funcionalidade foi desenvolvida para atendimento em WhatsApp, e está por enquanto disponível apenas em áreas selecionadas. O que é esta Aqui? Aqui se refere ao nó para pegar o número do usuário, entendido que é necessário ter acesso a P do Evolution para obtenção do número, mais concreto, a página de manutenção do WhatsApp deve ser acessada e seguem-se os passos para registrar um número. - Com este nó de pegar o número configurado o fluxo fica pronto para receber dados a partir do usuário, como você pode visualizar há dois fluxos aqui, o primeiro é para obter nome do usuário, o segundo é para obter o endereço de e-mail. Cada um é acompanhado por um Workflow, desta forma garantimos que se houver uma falha na busca de informação, o fluxo seguirá com o outro, de forma a garantir que se uma funcionalidade não estiver disponível no WhatsApp, o typebot continuará a funcionar de forma adequada. - Aqui temos criação de variáveis no nó workflow, de forma a que possamos passar os dados do usuário posteriormente sem problemas. - A aplicação envia respostas com base na interação iniciada, e o typebot guarda os dados em suas databases. - Agora você pode ver o fluxo a funcionando, está lógico, é bem amplo, o que contém grande amplitude de informações importantes para o seu negócio, de forma a aumentar sua produtividade por meio do auxílio de atendimento de clientes no WhatsApp, e por meio da integração # Tópicos de Configuração de Chatbot ## Transferência de Atendimento Explicaremos à seguir como aplicar um agente para uma conversa específica. ### Passo 1: Localização do ID do Agente Para designar um agente, primeiramente será necessário localizar seu ID. Para isso, execute os seguintes passos: - Abra o usuário do agente que deseja designar. - Faça as configurações necessárias, como alterar o status ou atualizar quaisquer informações importantes. **Observação: ** É mais fácil iniciar uma nova conversa com o agente desejado e, em seguida, falar sobre a necessidade do ID. ### Passo 2: Localização do ID do Usuário Agora você já possui o ID do agente, mas também precisará do ID do usuário. Obtenha-o da seguinte maneira: - Realize uma busca em algum banco de dados, como o `infobase`, para pegar o ID do usuário desejado. No nosso exemplo, terá `49` como ID de Paula. ### Passo 3: Atribuição do Atendimento Por fim, precisamos incluir o ID do agente e do usuário em uma conversa para atribuir o atendimento. De forma automática, o chatbot percorrerá todo o processo, incluindo a localização do ID de conversa e conta. A seguir, um exemplo de como seria a entrada do comando: ```markdown / atribuição 49 49 ``` ### Caso Não Exista Uma Conversa Atribuída Se uma conversa atribuída não for encontrada para o usuário escolhido, o chatbot procederá da seguinte forma: - Ele criará uma nova conversa, se necessário. - Enviará uma mensagem e, em seguida, atribuirá o atendimento. **Observação: ** O chatbot não buscará o contato a partir do número que foi dado anteriormente, pois ele acabou de ser cadastrado, possuindo já um ID atribuído. Incluíram? . ## Armazenamento e Utilização de Informações O `infobase`, herdando todas as configurações, também irá armazenar as informações dos atendimentos realizados para uso na conversação seguinte. Se houver alguma informação adicional que desejar armazenar, basta incluí-la, sem esquecer de compatibilizá-la com a hierarquia existente (por falta de espaço, não foi adicionada aqui neste exemplo). ## Usando o seu Nó do Web Para colaborar juntos, você precisará de seu próprio nó do Web. Copie o código dele aqui e cole-o no nó específico. Você também precisará configurar o tipo de bot para que a mensagem seja enviada corretamente para seu Web Hook personalizado. 