Typebot integrado com a API oficial do WhatsApp 💬

Olá seja muito bem-vindo ao canal Vamos automatizar eu sou o Cláudio Balbino e nesse vídeo eu vou mostrar como utilizar a integração Nativa do Type bot com a Cloud api a api oficial do WhatsApp caso você ainda não conheça o Type bot ou está começando a utilizá-lo Estou deixando na descrição o link para a Playlist dedicada a essa ferramenta você curte esse tipo de conteúdo e ainda não está inscrito aqui no canal Então já aproveita já se inscreva e Ative o Sininho para ser notificado sempre que tiver um novo vídeo por aqui ah já deixa

aí também o seu joinha tenho certeza que você vai gostar desse conteúdo Então vamos lá vamos ao que interessa vamos automatizar bom antes então de mostrar como utilizar essa integração lá no nosso Type bot né lá no flow Nossa Type bot vamos entender então Eh o que que tem de informação na documentação aqui do Type bot então tô aqui no site do Type bot Vou acessar aqui resources documentation el vai abrir todas as informações eu vou vir aqui em Ed e vou clicar em WhatsApp então vou clicar aqui em viewer ele dá aqui algumas informações

né sobre como utilizar o visualizador né do seu do seu Type bot ele traz aqui e informação sobre algumas limitações né do Type bot para utilizar no eh no WhatsApp tá então por exemplo você não vai poder utilizar o gif ou svg imagem eh o texto do botão po ter no máximo 20 caracteres Eh esses blocos aqui do Type bot eles não são compatíveis tá com o WhatsApp o bloco de pagamento chat ul o script eh bloco o Google Analytics e o metapixel tá el não não não são compatíveis aqui ele traz informação que você

pode obter né algumas informações do número eh do seu contato né o como o número e o nome do contato e aqui ele traz informação sobre como fazer o Deploy né como adicionar então o seu o seu flow do Type bot ao WhatsApp você vai adicionar o número Você Precisa ter eh uma um aplicativo né do WhatsApp tá criado aqui é legal quando você adiciona eu vou mostrar isso tá pessoal no vídeo lá no Type bot lá no flow Type bot aqui ele ele traz informação né aqui você adiciona o número e e pode informar

o tempo para aspirar a sessão por Def né como ele diz aqui é ela expira em 24 horas mas você pode colocar um tempo maior ou menor se você desejar você também pode setar aqui uma condição específica para ativar o seu chatbot tá isso é bem legal aqui ele traz aqui algumas perguntas né e em relação à questão de números se você pode utilizar vários números até Vou colocar aqui no no no tradutor né então ó quantos números WhatsApp Posso usar você pode integrar quantos números desejar isso é legal né a outra pergunta aqui eu

posso vincular vários botes ao mesmo número de WhatsApp sim né E aqui ele traz informação em relação à questão e eh de custo né e aqui você vai tá utilizando a api oficial né na api oficial você tem e 1000 conversas gratuitas né conversas que são iniciadas pelo cliente que é o caso aqui desse tipo de de de caso de uso né são conversas aqui iniciadas no chatbot vi Regras São iniciadas e pelo pelo seu usuário Tá bom então você tem até 1000 conversas e dentro dessa conversa né dessa janela de 24 horas não tem

limite ali de mensagens tá então eu ten até vídeo aqui no canal onde eu mostro como que funciona né como instalar o Type bot falo também da questão da política de preços que mudou agora em em junho de 2023 tem vídeo aqui também no canal sobre isso e aqui ó no crie aplicativo do WhatsApp ele traz informação passo a passo né de como que você cria eh o seu aplicativo no WhatsApp lá no site developers.facebook.com vou deixar o vídeo aqui na descrição onde eu mostro como você criar passo a passo tá o seu aplicativo da

Meta você precisa adicionar um número você precisa verificar ali a sua conta tá tem um processo que você precisa seguir né para tá utilizando a api oficial do WhatsApp tá deixar então aqui na descrição se você quiser utilizar e essa integração do WhatsApp no visualizador do Flow para fazer teste né vou abrir aqui para explicar melhor né Por exemplo você tem aqui o seu o seu Flow né o seu Flux do typeb se você quiser utilizar ele aqui WhatsApp no visualizador você vem clicar aqui ó utilizar esse recurso WhatsApp para fazer teste aqui é importante

destacar que é o seguinte quando você adiciona né o seu a sua api aqui no visualizador você está enviando a uma mensagem tá então você vai pagar por elas tá bom você até pode usar o número de teste para fazer isso como eu tô fazendo aqui mas se for um número aí eh de produção número real você vai pagar tá para para usar esse start eh chat que aquil que ele faz ele te manda uma mensagem para você iniciar o teste eh do seu eh Flow tá E para adicionar aqui para você ver aqui eh

poder usar esse recurso né do WhatsApp no visualizador talvez não seja necessário né porque você tem opção de est utilizando eh habilitando o seu chatbot no número né a partir de uma palavra chave né Você pode est habilitando isso durante o teste tá eu vou mostrar um pouco mais pra frente mas você precisa adicionar aqui algumas variáveis na instalação no seu typeb n então vou clicar aqui em self hosting vou clicar aqui em configuration e aqui ele traz todas as variáis do Type bot né E como você vai adicionar na sua aplicação depende da maneira

de como você instalou o seu Type bot tá então aqui ó eu vou descer até abaixo né e vou lá na parte do WhatsApp adicionou aqui então então aqui é o preview né do WhatsApp para você então utilizar o recurso do preview você vai ter que adicionar aqui ó nas variáveis de instalação do seu Type bot esses quatro e essas quatro variáveis aqui né é o token de de usuário de sistema que vou mostrar como obter a frente o seu phone number ID também vou mostrar como você obter e aqui ó você vai precisar criar

uma mensagem template né para poder iniciar o teste e se você é desejar testar essa funcionalidade no seu Type bot aí no seu próprio Type bot tá não vejo é como necessário mas aqui você tem que informar o nome do seu template que você cria não vou falar aqui do de como criar o template tem vídeo aqui na descrição onde eu mostro como criar o aplicativo né do do do WhatsApp lá no site developers.facebook.com como criar template tá tem tudo lá nesse vídeo tô deixando aqui na descrição você vai adicionar essa essas duas informações também

né o nome de um template que você vai usar no teste e a linguagem que você definiu para esse template tá então para poder usar esse recurso aqui tá no visualizador né utilizar aqui o WhatsApp você precisa adicionar Então essas variáveis aqui na instalação do seu Type bot tá bom bom eu já trouxe aqui um fluxo tá que é um fluxo de um workflow que eu já apresentei no canal né que é mostrando como utilizar aí criar um um typ bot utilizando a openi né api aí dessa Inteligência Artificial tá e nós vamos então e

fazer a integração desse desse bot aqui tá com a WhatsApp então eu vou vir aqui em compartilhar clicar aqui ó em WhatsApp vou selecionar meu número né Já exclui ele daqui para mostrar o passo a passo para vocês vou clicar aqui em número vou clicar em continue e aqui ele dá o passo n que eu tenho que fazer né e eu vou mostrar aqui como que você faz né então eu venho aqui no meus aplicativos Você vai clicar aqui ó no seu aplicativo onde aparece o nome da empresa tá ele vai abrir a tela de

configurações do negócio que é essa tela aqui você vai clicar na opção usuários do sistema se você não tiver criado você vai adicionar para criar um usuário de sistema e vai utilizar usuário de sistema administrador tá adicionado ali o seu usuário de sistema Você vai vir em e adicionar ativos vaiar ccar aqui em apps vai selecionar o seu aplicativo do WhatsApp ativar aqui a opção gerenciar app né controle total e vai salvar não vou fazer isso porque o meu já está feito correto Aí você vem aqui em gerar novo token vai selecionar o seu aplicativo

seleciona aqui ó token inspiration como opção nunca e confirma se essas duas opções estão ativas tá WhatsApp Business messaging e WhatsApp Business Management tá estando ativadas Você vai clicar aqui em gerar token tá bom lembrando né pessoal que aqui o meu aplicativo já foi criado tá vou deixar o vídeo aqui na descrição onde eu mostro como criar um aplicativo do WhatsApp é um processo um pouco mais burocrático né mas tem vídeo aqui no canal mostrando o passo a passo clica em gerar token vai obter o token eu vou voltar lá pro meu e type bot

e vou seguir aqui com ele certo eu vou clicar aqui Eu já copiei o meu meu token é do tipo de sistema né vou colar aqui o meu e token de usuário de sistema que nunca eh insira salvar ele aqui e vou agora adicionar o meu fun Number Como que eu faço isso né vou lá no meu aplicativo também clico aqui sobre ele venho aqui em no meu aplicativo né então ven aqui na na WhatsApp configuração da api e vou obter então Ó a identificação do número telefônico esse aqui Identificação do número de telefone volto

lá no meu Type bot né então aqui é o phone number ID Poo ele aqui e dou um continue feito isso ele vai ele vai me dar duas informações né ele vai me dar o o a URL do Web Hook certo que eu preciso adicionar então volto lá no meu aplicativo venho aqui na parte de cima ó web hooks e vou aqui editar porque eu já ele tá então eu vou aqui ó colar ele aqui ó colar o meu web Hook também preciso adicionar o token de verificação que ele me forneceu né esse daqu ó

token de verificação col ele aqui vou dar aqui um verificar e salvar importante tá pessoal ativar essa opção aqui de mensages tá então o meu aqui já está ativado tá ele dá essa informação aqui né ó também precisa ativar né dar um cheque aqui na na opção mensages né isso daqui tá mensages precisa clicar você vai est subscribe o meu já já está ativado Tá bom eu volto aqui para cá e vou dar então um submit Então feito isso ele já está aqui ó eh ativado tá então tem todas as informações aqui ó eu posso

eh definir aqui eh um tempo um timeout né para para esperar a sessão por F já deixa eh 4 horas posso colocar aqui ó ah quero que expire em 1 hora eh e aí eu vou clicar aqui em publish né porque eu fiz a alteração preciso publicar ele tá outra coisa legal também que você pode utilizar ó essa opção aqui de start bot com uma condição específica né Por exemplo se eu quero iniciar se a mensagem ela for eh for igual por exemplo A sei lá bot tá então el só vai é ativar com com

essa mensagem tá ou outra palavra que você queira né então vou usar do tipo igual né o que contenha aí tanto faz eu vou deixar aqui e normal tá e vou dar aqui um publicar então ele já tá publicado o meu o meu meu bot nessa integração com o WhatsApp tá voltando aqui no fluxo né Então pessoal ele vai usar Então esse e esse Flow aqui né que você pode tem vídeo aqui no canal né onde eu mostro como criar essa como eu criei essa esse Flow né E lá também tem um link nesse vídeo

que você pode baixar esse Flow tá pode baixar e importar aí pro seu pro seu Type bot que é bastante simples né você vem aqui ó você vai baixar ele lá né Vai se cadastrar vai baixar vai criar um Type bot vai usar aqui a opção de importar um arquivo tá E aí você vai importar o arquivo que você vai receber se você se cadastrar Tá ok então vou entrar aqui então eu vou utilizar esse eh o workflow tá vou abrir aqui o meu WhatsApp vou mandar lá um um oi ele já tá me respondendo

né as informações lá Bom dia seja bem-vindo ao chat do Dr reparo que aqui é uma empresa fictícia que eu criei tá pessoal E esse chatbot ele responde informações sobre essa empresa Então tá pedindo ali o nome eu vou vou envar o nome preciso enviar um número telefone colocar o número qualquer aqui aleatório E aí el eu vai me pedir para eu fazer Então pergunta né então vou perguntar aqui basicamente qual o endereço da empresa ele tem ess ações né dessa empresa então ele vai me devolver aqui o endereço da empresa aqui dessa empresa e

Dr repar essa empresa fictícia que eu criei tá então aqui ele devolveu tem um tem um um emoji ali no no canto às vezes ele muda né interessante você tá utilizando né Eh a uma uma inteligência artificial no caso aqui atizando ap da openni né você e consegue fazer com que ele responda informações específicas da empresa tá aqui eu não vou avançar tá Eu já mostrei como funciona esse esse chatbot notv mas aqui a ideia era mostrar a integração então do chatbot né e do Type bot com api oficial do WhatsApp tá vou dar um

encerrar aqui vou encerrar o atendimento ele vai dizer até logo e Já finalizei o atendimento poderia fazer outras perguntas aqui sobre sobre empresa né OK Cláudia Até breve eh Então essa é a maneira que você eh faz a configuração a integração do Type bot com a api oficial do WhatsApp bom Espero que você tenha e gostado do vídeo se você gostou e ainda não deu joinha Deixa aí o seu joinha deixa aí com seu comentário compartilhe com pessoas que também tem interesse nesse tipo de conteúdo se não se inscreve no canal já se inscreva tá

pessoal isso é muito importante e não custa nada aí para você eu vou ficando por aqui nos vemos no próximo vídeo e um grande abraço [Música] k