# ChatWoot Transcrições de: ChatWoot Tipo: Playlist Data: 08-01-2025 23: 54: 31 ## Vídeo 1: [YouTube](https://www.youtube.com/watch?v=CMOFHvZeWDg) (Idioma: pt) - Resumo: Pedrinho da Nasa apresenta um novo conector para ChatWoot, o qual ele chama de colonial, que mostrou-se estável quando utilizado em conjunto com o chat útil. Ele compartilha diversos detalhes sobre seu uso durante o vídeo. ### Detalhes do conector * O conector foi criado pelo Hugo (possível erro de transcrição) * Ele é especialmente útil no aparelho Chat Útil quando integrado com o chat da rede Woot * Ele permitirá a transação mais rápida de informações entre a caixa do chat útil e o dispositivo. * Para obter detalhes adicionais e obter a instalação automática no CBG, visite a página de instalador da comunidade ZDG. ### Instalação do conector 1. Elimine o que passa da sua máquina antes de iniciar a instalação do conector. 2. No terminal, clone o repositório git do conector colonial. ``` git clone https://github.com/hugo/connector ``` 3. Execute os comandos necessários para instalar o conector e suas dependências. 4. Configuração personalizada: modifique os arquivos de configuração `connector. js` ou `config. js` para adaptá-los à sua instalação. 5. Para ativar o conector, abra a interface do super administrador de seu servidor, vá para a seção de configuração do conector e marque a caixa de seleção. A seguir, encontrará uma compilação completa do vídeo, mantendo a formatação Markdown, correção de erros de gramática e tentativa de preservar a hierarquia de títulos. # Guia de Pedrinho para a criação de uma nova caixa de entrada no Chat util Agora vamos criar uma nova caixa de entrada no Chat util seguindo estes passos. ## Ferramentas necessárias 1. **Chat util** - [Instruções de instalação](https://www.youtube.com/watch?v=XYdZjfQir2o) 2. Gerenciador de aplicativos do Facebook, Instagram e Telegram ## Configuração da caixa de entrada ### Criação de um novo aplicativo no Facebook 1. Crie um novo aplicativo no Facebook; 2. Adicione um ícone e uma categoria; 3. Configuração de políticas de privacidade, termos de uso e contato; 4. Verificação da empresa (recomendado); 5. Verificação individual (obrigatório). ### Criação de um novo aplicativo no Telegram 1. Crie um novo aplicativo no Telegram; 2. Adicione um nome de exibição; 3. Verificação da identidade do aplicativo. ## Integração com o Chat util 1. Obtenha o token do Chat util; 2. Adicione o token nochat\_util de ambiente para a integração; 3. Adicione a caixa de entrada ao projeto do Chat util. ## Configuração da caixa de entrada para telegram, Instagram e Facebook 1. Adicione as permissões necessárias: - Para Telegram, adicione o token do aplicativo ao bot; - Para Instagram, adicione a caixa de entrada ao perfil secreto para que ele possa acessar as informações; - Para Facebook, adicione o perfil de acesso ao appid e tokens secrets para a caixa de entrada. Este é um serviço de terceiros, portanto é importante verificar a integridade e a confiabilidade do aplicativo antes de usá-lo. ## referências - [Chat util](https://chat-util.com/) - (Curso em vídeo) [Criação de caixa de entrada em comum](https://www.youtube.com/watch?v=XYdZjfQir2o) - [Configuração da caixa de entrada em Facebook](https://developers.facebook.com/docs/messenger-platform/) - [Configuração da caixa de entrada em Instagram](https://developers.instagram.com/docs/direct-inbox/) - [Configuração da caixa de entrada em Telegram](https://core.telegram.org/bots/api) A Vídeo 2: [Youtube Link](https://www.youtube.com/watch?v=XYdZjfQir2o) (Idioma: pt) [Música] Olá galera, Pedrinho da Nasa aqui, especialista em automação em marketing e no vídeo especial hoje vou ensinar como criar novas caixas de entrada dentro do Chat util, passando por caixa de entrada do Facebook, Instagram e Telegram. Especificamente, vou fornecer um resumo completo, desde a configuração dos aplicativos nos sites de desenvolvimento, passando pelas permissões de caixa de entrada e tudo o que você precisa para bom funcionamento do sistema dentro de seu Chat util. Talvez você acompanha-me e eu quero agradecer muito à minha equipe. É lá da minha música, então faça o teste quando possível e deixe críticas e comentários aqui no vídeo. Resto de texto foi removido na resposta. # Guia de integração para Facebook Messenger, WhatsApp, e Hulk Ative os seguintes produtos: 1. Facebook Messenger Web - Se desejar utilizar WhatsApp, isso é possível. ## Conexão com Cloud - É bom. É incluído um vídeo que falará sobre essa integração na playlist que eu vou deixar para você aqui então esses três aqui você vai ativar: ## Configuração de Login do Facebook - Você precisa ativar e deixar da seguinte maneira: - A gente precisa de redirecionamento. Você vai adicionar aqui o domínio da sua página de chat útil (caso minha chat útil esteja instalado nesse subdomínio, deixe uma "sim"). - Substitua `STK` por sua própria opção (`stk` ou `sms` ou `web`). - Login com esse detalhe (script e beleza). ! [configurações de login do Facebook](fornecer_screenshot_aqui_por_questão_de_privacidade) #### Configuração de web hooks O que você vai fazer: - Você vai ativar pelo menos esse aqui. - Precisamos que esteja subscrito Messenger Messenger postback (acho que isso aqui hoje em dia está incluído no Messenger, verifique). - Utilize tudo aqui na versão 14/13. - Solicitar as seguintes permissões (em caso de WhatsApp, veja [aqui](https://www.whatsapp.com/business/api/docs/message-templates/)): - messaging-postbacks - callback_confirmed_events - messaging_profile - messaging_optin - Solicite permissão para esse recurso (Você precisa pedir permissão para esse recurso). - Gera o seguinte token para a página. -Copie essas informações: 1. App ID (página do Facebook) 2. App secret (chave secreta do Facebook) 3. App identifier prefix (página do Facebook) 4. Access Token 5. Subscription Access Token 6. Page Access Token (Instagram) - Esteja ciente de que o access token expira em horas. Você vai precisar atualizar ele regularmente. ## Configuração do Wave - Voltar para o seu painel (seu Anf no Wave). - Você vai encontrar aqui o local onde a gente coloca o link. - Facebook: 1. Facebook verify token (coloca o seu token da página). 2. Instagram: - Instagram gera o token. - Corrija a instalação (se necessário). - Quando tiver configurado tudo, salve o progresso e reinicie o serviço. ## Vídeo de apoio YouTube: [pt-PT] (https://www.youtube.com/watch?v=NVkUA0YpPM0) [Música] A integração com a Cláudia é extremamente profissional e escalável, capaz de ser fornecida no estilo de multi empresas, o famoso SaaS. Nós vamos trabalhar com o chat útil E a Cláudia API oficial para você que me acompanha. Quero deixar meu muito obrigado pela sua participação e você é muito bem-vindo no canal da comunidade. Eles vão encontrar aqui ao passo a passo na configuração do Wave, para você instalar basicamente a gente vê mandar um Control + S (enter) para salvar e um restart (reiniciar) para a gentequir a seguir: - Criar um novo inbox Messenger (novo bote no Telegram se desejar) - Conectar a página configurada (Facebook e/ou Instagram) - Adicionar suas páginas - Configurar o token de página de Facebook - Configurar o token Secreto do Facebook - Configurar o Apache (nível de permissão) - Conectar a página de Instagram - Gerar o token de página de Instagram - Gerar as chaves (chave pública e chave privada do Facebook) - Configurar o Chatfuel (ou Wave) - Salvar as configurações - Salvar e reiniciar o serviço Se ainda tiver alguma dúvida, é só chamar. A gente vai estar junto. Até a próxima! Seu aplicativo pode conectar sua conta e você estará pronto para explorar o serviço. Além disso, conheça as mil mensagens gratuitas que a Cláudia lhe oferece para trocar milhões de conversas gratuitas durante o mês. Isso será suficiente para uma pequena empresa. Se você for escalar, esse custo será totalmente absorvido por empresas de médio e grande porte. Se você for vender esse serviço, ele é extremamente acessível para você. Provavelmente fornecer este tipo de serviço não é algo absurdamente caro, porque a conversão e o relacionamento criados através do aplicativo de mensagens podem ser bem poderosos. Através das vendas, o serviço também pode ser pagado. Agora, seu painel de controle, vou chamar de "núcleo" e o número de telefone será "****. Se ainda falta um + no início do número, adicione o + antes do resto do número. A identificação do número de telefone está disponível no painel de Envelopes. A identificação da conta é "Empresarial". A chave de acesso à YPI (YPI Token) é o token de acesso temporário. Há muito conteúdo no YouTube sobre o token permanente e a forma de obter ele lá na comunidade. Aprender como fazer isso é fortemente recomendado se você deseja profundizar seus conhecimentos sobre fornecimento de serviço comercialmente, mesmo que não seja programador. Além disso, ter suporte pessoal e acesso a comunidade de alunos no Telegram também é fortemente recomendado. Solicite sua vaga na comunidade, porque ela poderá encerrar as vagas em breve. Aqui você verá um token de verificação do Web Hulk que eu chamo de Messenger. Quando criado, o Messenger vai criar um canal. Adicionei um agente rapidamente e ele entrou na arena com rapidez. Se necessário, poderá limpar o chat ou retirar mensagens do agente. Depois, configuraremos o Web Hulk. Acesse "Configurações" para vir aqui esta tela. Configuraremos o Web Hulk aqui e o token de verificação, que foi o Messenger DG. Você deve validar o token com o botão "Autorizar". Então sua caixa de entrada estará pronta para ser utilizada. A configuração é simples e rápida. Este é um sistema extremamente poderoso. É incluso uma caixa de mensagens "omniChannel", que permite a integração de todas as mídias sociais aqui dentro. Essa é uma aplicação muito interessante para explorar comercialmente. Agora, podemos explorar as outras informações, como automações e configuração de conta, além de outras integrações. É possível criar vários canais de conversa com o Omnichannel. Ele também tem vários tipos de caixa de entrada com integrações oficiais. Em breve, a gente vai explorar as outras informações, como o Painel Super Admin que eu mostrei para vocês, onde a gente pode estar criando contas. Estas contas permitem adicionar usuários. Todas as informações estão lá para você criar um serviço SaaS (Software como serviço) ou um serviço de várias empresas, além de outros tipos de contas com outros usuários. Por exemplo, você pode criar duas empresas aqui cada uma com seus usuários e trabalhar de uma maneira tranquila, sabendo que Chat Útil é uma plataforma para explorar suas possibilidades comerciais. # Comunidade LG: Criando uma nova caixa de entrada com Web Hook no Chat Util Este documento descreve como criar uma nova caixa de entrada no Chat Util utilizando o método de Web Hook. ## Passos para criar uma nova caixa de entrada 1. **Configuração da caixa de entrada: ** - Crie uma nova caixa de entrada no Chat Util. - Escolha o formato API. - Dê um nome à sua caixa de entrada (ex: zdg). - A URL abaixo será utilizada com o APIs. Para atualizações, é importante utilizar a URL de produção. 2. **Adição da nova caixa de entrada: ** - Coloque a URL a seguir e o agente criado no Chat Util. (Pedro atualmente está sendo utilizado. ) 3. **Configuração da automação: ** - Crie uma regra de automação no Chat Util. - Nomeie-a da PP da PP. - O evento escolhido será "Create". - Contém Barra Start. Para iniciar a Caixa de entrada, é preciso adicionar uma regra de automação. - As ações escolhidas serão "enviar Webhook" com as URLs de teste e de produção. - Introdução: provisão para ativar a automação não é necessária. - Salva e ativa a automação. ## Integração com outros contatos * Crie um novo contato no Chat Util. * Nomeie-o "Aplicação". * Disponibilize o número fictício para uso. Este número será utilizado para criar o canal no chat. ## Conectando o QR Code 1. Lá no IF, crie o usuário chamado "app” com esse número. 2. Envie uma mensagem para ele na caixa de entrada ZDG1. 3. Comece a sessão com o app e envie uma mensagem para o usuário "ZDG1". 4. Se o QR Code for solicitado, pule para a séquência de códigos abaixo: - Forneça o QR Code. - O QR Code será lido rapidamente. - Agora as mensagens trocadas entre as duas caixas começarão a appearir no Chat Util. ## Solução completa Graças à solução, agora você será capaz de realizar ligações entre o Chat Util e uma pi ou webjs do Pedro Lopes e da Cláudia IPI da Meta. Se você não conhece as instalações específicas do Chat Util, é recomendável entrar na comunidade e garantir sua vaga para receber o conteúdo facilitado. Vídeo 5: [Link do vídeo](https://www.youtube.com/watch?v=wTQiHgSdTe8) (Idioma: pt) [Música] Olá galera, Pedrinho da Nasa aqui, especialista em automação e marketing e no vídeo especial hoje vou ensinar a utilização de uma integração com a pi ou webjs do Pedro Lopes, já fizemos conexões kwp conectivo e também com a Cláudia Ipi da Meta. Então hoje, a gente vai para uma terceira opção de conexão para você que me acompanha, quero deixar meu obrigado para você que tá chegando hoje seja bem-vindo. Muito bem-vindo ao canal da comunidades e DG, né entramos aí em 2023 com toda a força né, prontos para trazer muitas soluções para vocês envolvendo este universo, como de costume já preparei né o passo a passo vou deixar os códigos na página de apoio só que antes de continuar vou pedir seu like, seu corpo para compartilhamento, que você se inscreva no canal e marque esse vídeo para receber todas notificações e deixa um comentário para mim embaixo desse vídeo dizendo qual solução você gostaria que eu construísse para você aqui no canal da zdg Bora lá galerinha Já tenho aqui um dispositivo que vou demonstrar primeiro né já conectado, tá nós vamos utilizar aqui um repositório do nosso amigo ignos né que criou aí um conector para chat útil né baseado lá no open wa Tá bem então basicamente vou usar meu dispositivo para interagir com esse dispositivo está na tela vou mandar um olá para ele né ele está já pré-conectado tem uma inbox aqui né então ele traz para mim o Olá tá vou diminuir o zoom para ficar melhor vou responder para ele tudo bem né quando ele manda aqui tudo bem ele manda com um remote né esse esse remote a gente pode definir depois vou mostrar para vocês como a gente define-se numa fonte de Jason tá aqui ó a gente pode até colocar o Remote espaço pode tirar esse prefixo tá um prefixo de nome e a gente também pode estar respondendo aqui a partir do aplicativo tudo bem né Vamos mandar aqui né ele já joga ali ó tudo bem né com o nome do operador beleza ele também vai ter ali o suporte para o individual né o não sei usar muito bem o chat desculpem né exploro mais outras soluções mas envia ali né o áudiozinho tá bem para o usuário ali no formato de áudio gravado nelas pode ser feito o teste aí de alguma mídia deixa eu pegar aqui como a belza as vagas para comunidade estão abertas tá bem não esqueçam Então tá manda ali também anexos né É tá lá chegou chega aqui no meu dispositivo também tá bem Beleza então basicamente essa integração que a gente vai fazer hoje vou fazer algumas comentários sobre o projeto né o projeto ele foi atualizado recentemente ele trouxe algumas mudanças lá dentro da comunidade eu ainda mantenho a versão anterior que é uma versão que eu julgo mais estável né Apesar dela é permitir que a gente Trabalhe com inbox só né mas você pode alterar a porta e replicar o serviço né trabalha com inbox na parte 80 e 80 81 assim por diante né aqui nesse projeto novo que ele subiu recentemente tem poucos dias né ele fez alterações para a gente trabalhar com múltiplas caixas tá no mesmo no mesmo na mesma porta né só que ele trouxe algumas configurações novas que eu acho que ainda estão sendo ajustados Então nós vamos ali matar algumas linhas de código para conseguir fazer o negócio rodar fazer a conexão fazer acontecer beleza pessoal é para rodar essa solução primeira coisa que você vai ter que ter é o chat útil já instalado na sua VPS aí né se você não sabe como instalar aqui na comunidade eu já trouxe vídeos sobre instalação de chat-ute lá aqui no canal da comunidade trouxe vídeos e lá na comunidades e DG tem também conteúdos específicos sobre essa instalação né tem os altas instaladores ali com duas três linhas de corte você coloca o seu chat útil para rodar na VPS então se tiver interesse em consumir o conteúdo facilitado recomendo que você entre na comunidade Garanta sua vaga lá tem muito conteúdo sobre isso Tá bom então instala o chat útil na sua VPS Meu chat tá rodando aqui ó nesse subdomínio tá bem já tem ele instalado Então o meu sub É exatamente esse né O sub do meu chat útil que eu tô usando nesse momento é esse faz o download do Git do node e do NG rock a gente vai usar o ngroc no Windows né para fazer o proxy reverso do serviço então a gente vai rodar api no nosso visual Studio que localmente né dentro de Windows Lá na comunidade tem o alto instalador para Linux com a versão anterior como eu citei para vocês que o jogo mais estável né E aí você também consegue fornecer de maneira comercial tá bem mas isso aqui é mais para trazer um overview para vocês sobre o projeto e mostrar Quais são os detalhes que são se ajustados para que você consiga rodar isso aí começa a desenvolver nesse projeto muito estresse que deve subir o que é o ignus emax Né que é o Master que tá mestre Kitana e o Carlos Carlos Será que você quer brasileira vamos ver se os cara é Brazuca né tanta coisa Brazuca que é Mexico e o Si também pessoal do México legal tá tem muita tecnologia brasileira que eu trago para vocês gostam quando a tecnologia brasileira gosto de verdade né inclusive trouxer vídeos para vocês já né da Ticket com K9 da ppp connect com Edgar code chat com Kleber né todos desenvolvedores brasileiros Cabe sudões aí pessoas permildes né super inteligentes e muito humildes né a ponto de criarem soluções ou pessoas disponibilizar para comunidade tem que tirar o chapéu para essa turma viu gente tem que tirar o chapéu para essa turma de verdade já conversei com todos todos são muito gente boa assim é impressionante impressionante né o grau de entrega dessa turma aí tá beleza galera Então vamos apontar o nosso terminal para o desktop aqui nós vamos criar uma pastinha chamada chat zdg vamos entrar nela chat útil e tá aqui onde nós fizemos nesse momento nessa área de trabalho Nós criamos aqui os auto-instalador tudo lá da comunidade se quiser entrar lá baixa copia e cola tá Prontinho para sapecar as coisas que nós fizemos aqui ó criamos a chat útil a pastinha vazia né aqui dentro dessa pasta nós vamos clonar o projeto do nosso amigo né com Este comando tá beleza vamos entrar é agora na pasta do projeto Como é que chama esse projeto CD chat útil Whats web Vamos colocar aqui para você não perder a linha né Vamos colocar um c novo aqui você deixasse Entra você deixa Whats web entrou na pastinha vamos rodar o npm install tá que que nós vamos fazer nós vamos abrir esse negócio aqui no visual Studio porque porque nós vamos fazer algumas considerações é importante que você deve entender que eu não sei se isso foi de propósito né ou se ainda vai haver alguma alteração mais para você fazer rodar isso aqui você vai ter que fazer alterações tá inclusive né é uma versão que Ainda não testei em produção né sei que vai funcionar né testei com uma caixa aqui agora né mas é preciso ser validado ele colocou a opção de você colocar vários clientes aqui na mesma é um multiplint né e eu imagino que ele tenha deixado algumas vocês são pegadinhas de propósitos eu não entendi muito bem que ele quis fazer mas basicamente né Ele criou agora o Henry né da solução dele traz apenas a porta né que a gente vai rodar porta 8080 tá é antigamente o Henry trazia várias outras opções que agora estão aqui numa conte config Jason então renomeia o Henry renomeie a fonte config Jason né aí vocês vão ver até aqui dentro esse arquivo é muito importante tá esse arquivo é muito importante aqui dentro a gente coloca as configurações de conta então ó eu vou usar a conta de ID número um no meu chat útil eu quero usar uma segunda conta é só você adicionar um novo objeto Jason ó caceta Pera aí que bicho ficou louco aqui ó deixa eu dar um Control tá você põe a vírgula uma borboleta 🦋 Tá, agora é possível realizar ligações entre o Chat Util e uma pi ou webjs do Pedro Lopes e da Cláudia IPI da Meta. Se você não conhece as instalações específicas do Chat Util, é recomendável entrar na comunidade e garantir sua vaga para receber o conteúdo facilitado. # ChatManage: Utilizando Multiple Contas e Inboxes (Português de Portugal) Use este tutorial para aprender a utilizar múltiplas contas e caixas de entrada no Chat Utilizando Multiple Accounts and Inboxes. ## Pré-requisitos - Contas de chat estabelecidas - Acesso ao ambiente de desenvolvimento - Instalação do projeto Chat Utilizado ## Criação de Inboxes Com o ChatUtilizado instalado, você pode criar várias caixas de entrada para cada conta de chat. ``` - Criação de uma conta nova - Adicione uma segunda conta, então - Pode criar várias conexões - Acesse a configuração das contas - Adicione múltiplas conexões `(Box 10, 11 e 12)` - Criação de Inbox - Agora é o primeiro detalhe que eu quero trazer para você - Segunda conta - Dentro da mesma conta você pode ter vários inbox, né - Essas são as configurações que ele deixou para que a gente consiga trabalhar - Considerações Importantes - Pode utilizar mais de uma conta de `Shortwood` e você pode utilizar mais de um inbox - Diferente da versão anterior que eu jogo mais estável - Além disso, ele traz uma URL para `A2` que também é uma opção - Configuração da Autenticação - Se você quiser trabalhar múltiplos serviços, você replica a solução - Tem auto-instalador prático - Visualize vídeo de demonstração: [Vídeo 6](https://www.youtube.com/watch?v=b9SVMfWSbjs) - Configuração do ID da Conta - Qual é a ID da conta que nós vamos usar dentro da conta do Chat Útil - Se entra na conta ela tem uma ideia dela é o dois - Se vir no sets do profile da sua conta é dois, né - Inclusive aqui, eu tenho acesso de super admin para entrar no Consórcio superior de mim - Ele vai mostrar para mim aqui a conta né é cota dois, aí de dois, né - Inclusive, lá na comunidade assistindo quando você trabalha isso aqui é tipo um PA configuração SAS - Instalação na Comunidade - Agora tem mais de isso que é - O A2 leva para mim na URL também - Há mais de uma forma de instalação disponível em comunidades - Considerações Finais - A solução de múltiplas contas, múltiplas caixas de entrada e outros detalhes podem ser testados aqui em produção - Serão disponibilizados um teste e várias outras Questões para você ajudar a comprovar isso aqui - Ao concluir com sucesso, considere conceder uma conta e uma caixa para experimentação ``` Fonte: ChatManage: Utilizing Multiple Accounts and Inboxes (https://github.com/MattNad/Chat-Manager/blob/main/README.md) Trabalhando atualmente em atualizações para o Chat Útil, a seguir estão as alterações recentes: 1. **Importe os fluxos novos** - Inicialmente, desative e exclua todos os fluxos atuais no Chat Útil. - Importe apenas os novos fluxos. - Ative os fluxos que deseja continuar a utilizar. 2. **Novos recursos disponíveis: ** - Automático: um fluxo recém-criado que inicializa outros fluxos e reinicia todos os fluxos rotineiros. - Chat Útil (Glitch): uma nova opção para o chat útil que oferece uma maior integração com nossos outros serviços. 3. **Novos atributos nos fluxos: ** - ID de fluxo: uma identificação única para cada fluxo. - CSI (Setor de Serviços de Integração): um novo parâmetro para a configuração do acesso ao post de atendimento voleta. 4. **Novo mundo Hulk: ** - Uma nova conta do Norberto Adventure World para a exploração de novos recursos e plataformas. Para configurar corretamente as atualizações, siga as instruções abaixo: 1. **Desativar todos os fluxos e excluí-los** - Entrar no seu Chat Útil e excluir todos os fluxos atuais. 2. **Importar apenas os novos fluxos** - Ir para a área de importação e selecionar os fluxos novos que deseja utilizar. 3. **Ativar os fluxos necessários** - Certifique-se de ativar apenas os fluxos que deseja continuar a usar no novo Chat Útil. 4. **Configurar o CSI** - Fazer o setup do CSI na configuração do post de atendimento, se você estiver utilizando o recurso. 5. **Explorar o mundo Hulk** - Entrar no mundo Hulk e se familiarizar com os novos recursos e plataformas disponíveis. 6. **Utilizar o chat útil (Glitch)** - Testar a nova integração oferecida do chat útil com nossos outros serviços. 7. **Utilizar os recursos automáticos** - Implementar o fluxo do Automático nos os seus workflows para automatizar tarefas rotineiras. 8. **Definir ID de fluxo** - Atribuir uma identificação exclusiva a cada fluxo para um melhor tratamento. # Tutorial de integração do Chatbot Este script descreve a integração do _Chatbot_ com a plataforma do Google Cloud. ## Pré-requisitos Antes de começar, é importante que você esteja familiarizado com os fundamentos da plataforma de ferramentas de assinatura do Google Cloud. Você também precisará de acesso a uma conta Google e este comando `gcloud` [instalado](https://cloud.google.com/sdk/docs/install). ### Criação do projeto 1. Acesse o [console do Google Cloud](https://console.cloud.google.com/) 2. Crie um novo projeto e dê-lhe um nome 3. Clique em `Continuar` ### Configuração das permissões 1. Clique em `IAP` na barra de navegação à esquerda. 2. Clique em `Criar credenciais`. 3. Selecione `credenciais de conta de serviço`. 4. Clique em `Criar credencial`. 5. Coloque um nome para as credenciais. 6. Selecione o escopo necessário para a integração do _Chatbot_. 7. Clique em `Criar`. 8. Baixe as credenciais e salve-as em seu computador. ### Configuração do projeto 1. Acesse o [console do Google Cloud](https://console.cloud.google.com/). 2. Clique em seu projeto. 3. Clique em `Serviços Grandes` na barra de navegação à esquerda. 4. Clique em seu projeto. ### Configuração da tela de permissão 1. Clique em `Configurar tela de permissão`. 2. Adicione a credencial que você baixou anteriormente. Agora você está pronto para iniciar a integração do _Chatbot_. ### Baixar o chatbot Você pode encontrar o chatbot [aqui](link_of_chatbot). Após download, descompacte e bem-vindo ao seu código. ### Configurando o chatbot 1. Dependências: Instale as dependências do chatbot com `npm install`. 2. Crie um arquivo de configuração em `config. json` e copie o seguinte código para dentro do arquivo: ```json { "host": "https://your_chatbot_url", "token": "your_chatbot_token" } ``` Substitua `your_chatbot_url` e `your_chatbot_token` pelo URL e token do seu chatbot, respectivamente. 3. Sinta-se à vontade para editar os arquivos de código para atender às suas necessidades específicas. 4. Para testar o _Chatbot_, execute o comando `node index. js`. A mensagem "Olá, como posso ajudar? " deverá aparecer automaticamente. ### Solução de problemas Caso encontre algum problema durante a integração do _Chatbot_, consulte a [seção de problemas](https://link_of_troubleshoot_section) do [manual de base de conhecimento](https://link_of_knowledge_base). **Nota: ** Caso você altere as credenciais do chatbot, remova todas as credenciais existentes no seu projeto para evitar a integração incorreta e a não utilização das novas credenciais. Having trouble with the integration of your Chatbot? Check the [troubleshooting](link_of_troubleshoot_section) section on the [knowledge base](link_of_knowledge_base) for help and solutions. **Note: ** If you change the Chatbot's credentials, remove all existing credentials in your project to avoid incorrect integration and non-usage of the new credentials. # Chatbot e Cobrança de Planos em Automática com Stripe Utilize as seguintes condições para verificar o status do usuário. Ele deve ter o status especificado para poder seguir o caminho X e lidar com as interações necessárias. ```javascript const status_requerido = "ligado"; // Status requerido para seguir caminho X if (usuario_status === status_requerido) { // Continua com as interações necessárias atualizaStatus(usuario_status); // Checa se as credenciais de acesso são atualizadas checaCredenciais(); // Checa o status de cada item for (const item of usuario_itens) { if (item. status === "desligado") { // Executa ação aqui // Por exemplo, desliga um serviço } } } else { // Atualiza o status se necessário atualizaStatus("desligado"); } ``` Vídeo 8: [YouTube](https://www.youtube.com/watch?v=Hn1e4c7avqU) (Idioma: pt) [Música] Fala galera beleza - Pedrinho da Nasa (Especialista em automação e marketing) ensina a automatizar o processo de ligar e desligar serviços utilizando o Stripe. O sistema é interessante controlar isso utilizando planos de pagamento automáticos. Com isso, assim que a fatura estiver vencida, o serviço desliga automaticamente. Para facilitar a integração, é necessário ter as seguintes ferramentas: 1. Posse do programa Postman; 2. Criação de uma conta no Stripe; 3. Criação de um token de API Stripe; 4. Implementação do código no seu aplicativo. ## Como obter o token de API Stripe 1. Acesse a área de desenvolvedores no site do Stripe. 2. Crie um token de API; 3. Salve o token na sua aplicação. 4. Use o token para autenticar sua integração com o Stripe. ## Como obter o status de cada pagamento 1. Faça uma consulta dos pagamentos do usuário; 2. Filtre os pagamentos para somente o tipo desejado; 3. Obtenha o status do primeiro pagamento; ```javascript const stripe = require("stripe")("SUA_CHAVE_API"); async function getPagamentos(customerId) { const response = await stripe. customers . retrieve(customerId) . then((customer) => { return customer. subscriptions. data; }); return response. filter((subscription) => { // Emite uma condição para obter apenas o pagamento desejado return subscription. status === "ativo"; })[0]; } ``` ## Como processar o status do pagamento 1. Valide o status do pagamento; 2. Se o pagamento estiver vencido, execute a ação necessária; ```javascript async function processaStatus(customerId) { const subscription = await getPagamentos(customerId); if (subscription. status === "cancelado") { console. log("O pagamento do usuário está vencido. "); // Executa ação aqui, por exemplo, desativa o serviço } else { console. log("O pagamento do usuário está ativo. "); } } ``` Esse exemplo mostra como fazer a checagem de status e atualização automática utilizando algumas funções do Stripe. Você pode adaptar este código para sua aplicação de acordo com a necessidade. Para mais detalhes sobre como utilizar a API Stripe, consulte a documentação oficial no site do Stripe: https://stripe.com/docs. Para mais dúv ## Seção 3: Configuração do Ambiente Nesta seção, você vai aprender a instalar a API da Evolution na sua VPS (máquina virtual de servidor). ### Instalando a Evolution API Começaremos pela clonagem do repositório da API da Evolution: [Evolution API](URL_Evolution_API_repositório). Depois de clonado, deixaremos a última versão da API em formato local. Para nossa configuração, precisamos que seu computador esteja rodando Node. js com a versão 16 instalada. Caso você não tenha instalado, [faça o download do Node. js aqui](URL_Node. js_download). Para isso, basta executar o seguinte comando no terminal: ```bash npm install -g prime-death ``` Em seguida, nós vamos instalar o `pm2` global na sua VPS para poderemos usá-lo para colocar aplicação rodando em background. É um equívoco instalar o `pm2` localmente, pois isso levará a erros como o `pm2 start/stop/restart` que vou explicar mais adiante, a não ser para scripts minúsculos de um arquivo. É importante notar que se estiver usando Debian, teremos uma etapa de upgrade antes de instalar o nó. ```bash bash sudo apt-get update sudo apt-get upgrade sudo npm install pm2 -g ``` Agora você precisa atualizar e instalar a nossa API, para isso, use o comando: ```bash cd Evolution API npm install ``` Em seguida, podemos configurar as variáveis de ambiente da API. Em seu VPS você precisará ter um acesso via FTP (pode usar outras ferramentas caso preferir, como FileZilla, Bitvise, etc. ). Você deve acessar seu vhost procurar o arquivo `. env` e editarlo para especificar as variáveis de ambiente da API. Por exemplo, `PORT` define a porta que a API vai rodar: ```bash PORT=8080 ``` Aqui mesmo tem alguns exemplos de como fazer isso: [instruções de configuração](URL_configuracao_API_exemplos). Você deve substituir o nome do seu aplicativo como "app_name" no código abaixo: ```bash git clone seu-repositório-de-API-Evolution cd evolution-api ``` Para executar a instalação, depois que instalamos as dependências do nó, você irá utilizar o seguinte comando: ```bash npm install ``` Em seguida, você precisará configurar as variáveis de ambiente para sua API. No seu servidor você precisará ter um acesso via FTP (pode usar outras ferramentas caso prefira, como FileZilla, Bitvise, etc. ). Você deverá conectar-se ao seu servidor, procurar o arquivo de configuração de ambiente `. env` e editar-lo para especificar as variáveis de ambiente da API. Certo, o arquivo `. env` deve estar localizado em um lugar específico, siga estas instruções para encontrar o seu arquivo `. env`: ```bash ln -s /app/path/to/your/. env /app/path/to/your/. env. prod. local ``` Atenção: no ambiente local, a API rodará na Porta 8080. Por favor, substitua o nome de seu aplicativo pelo nome de seu aplicativo no comando `cd /app/path/to/your` abaixo: ```bash APP_NAME=comunidad_edg # Início Rápido com a Solução ZDG do Chatwoot Este documento fornece detalhes sobre como configurar e conectar sua VPS com a API do Chatwoot ZDG para criar uma nova Instância. ## Pré-requisitos 1. Tenha a sua VPS configurada com o IP e a porta especificados. 2. Instale o Chatwoot ZDG no seu servidor. 3. Verifique se o Chatwoot ZDG está funcionando corretamente. ## Instalação do Chatwoot ZDG ### Linha de Comandos Para instalar o Chatwoot ZDG, utilize os seguintes comandos no seu terminal: ``` npm install chatwoot-zdg ``` Depois de instalar, inicie o Chatwoot ZDG usando o seguinte comando: ``` npm run start ``` ### Com protCurve Proxy (Reverso Proxy) Se você estiver utilizando um proteção reverso, passe o IP e a porta no Chatwoot ZDG: ```javascript npm run start -- --ip 123. 456. 789. 012 --port 8080 ``` ## Configuração do Perfil Após a instalação, acesse o painel de controle do Chatwoot ZDG e realize as seguintes etapas: 1. Na configuração do perfil, adicione o token de acesso do usuário. 2. Adicione o domínio (subdomínio) em que você instalou o Chatwoot ZDG. 3. Crie uma nova Instância com o nome escolhido. 4. Cole a ID da conta escolhida para conexão. ### Ligar ao Chatwoot ZDG Após a configuração, entre no Login do Chatwoot ZDG para autenticar e começar a receber e enviar mensagens. ## Configuração Avançada ### Rejeitar Conexões Se desejar rejeitar alguma ligação, coloque `true` no campo "aceitar conexões". Você também poderá definir uma mensagem personalizada para exibir quando a conexão for recusada, destacando apenas as aspas duplas. ```sh aceitar conexões: true mensagem de recuso: "Nós não aceitamos ligações neste momento. " ``` ### Ler Mensagens Para ler ou não ler mensagens, defina o campo `ler mensagens` como `true` ou `false`. ```sh ler mensagens: true ``` ### Ler Notificação de Status Defina o campo `ler notificação de status` como `true` ou `false`. ```sh ler notificação de status: true ``` ### Receber Mensagens de Grupo Defina o campo `receber mensagens de grupo` como `true` ou `false`. ```sh receber mensagens de grupo: false ``` ### Ignorar Grupos Defina o campo `ignorar grupos` como `true` ou `false`. ```sh ignorar grupos: true ``` ### Configurações Específicas Esta seção permite a customização de várias configurações avançadas para esta conexão específica. ```sh url da sua solução: 123. 456. 789. 012: 8080 ``` # Aula 01: Introdução e Complementos de Lógica O sistema tem sofrido alterações significativas, por isso, vou trazer aqui alguns componentes de Lógica para integração com API, bem como soluções para grupos. Este módulo se concentra no grupo, onde você aprenderá a adaptar qualquer projeto que tenha dentro da sua plataforma Comb of Programming^{TM} para utilizar com grupos. Além disso, sabemos da extração de dados do grupo, envio de mensagem de saudação e despedida, gestão de sorteio, sistema de redirecionamento para grupos, criação de um sistema de bote para grupos e muito mais. Temos três aulas inclusivas, incluindo também a integração com Telegram. ## Módulo de At Ticket Na verdade, o At Ticket é quatro módulos: 1. `At Ticket ZDG`, onde nós disponibilizamos a instalação no VPS, instalação local, customização, integração de várias funcionalidades dentro do At Ticket. 2. `At Ticket SAS`, onde você encontrará três vídeos e duas versões de At Ticket SAS. Este módulo apresenta o At Ticket SAS comum e atualmente o At Ticket SAS em modo escuro. Estas duas versões ainda encontram-se neste módulo. 3. `Conteúdo avançado de At Ticket`, neste módulo exploramos o sistema em profundidade, como a integração de diversas ferramentas ao At Ticket. 4. `At Ticket ZDG - Conteúdo de Lógica`, onde abordamos a lógica de criação de soluções dentro do próprio At Ticket, com aulas mais profundas em conteúdos educacionais para que você entenda um pouco mais da lógica do sistema. ## Módulo de ISING Nosso Módulo de ISING, nós apresentamos a versão já da comunidade bem estabilizada, com auto-instalador, portanto você já tem, em adição à instrução do vídeo, a área de membros, o auto-instalador e lança-lo com suas dúvidas responsáveis aqui. ## Módulo de At Ticket avançado Dentro do módulo de At Ticket avançado você encontrará inúmeras funcionalidades, junto com aulas que ensinam como realizar essas integrações dentro do seu At Ticket. A tabela abaixo lista as diferentes integrações que nós abordamos neste módulo: - Configuração de auto-Instalação - Ativação de Disparadores - Configuração de Webhooks - Pesquisa de satisfação - Protocolo de atendimento - Interação com o grupo - Notificação por e-mail - Disparo em massa de mídia - A integração com Dialog Flow com SMS - Exportação de dados em massa - Exclusão de dados em massa - Visibilidade limitada ## Módulo de VPS Neste módulo, você encontrará vários conteúdos avançados como: - Inicial - onde tem a página de administração do VPS, onde pode haver higienização - Conteúdo avançado deníng - onde pode instalar em VPS - Instalação manual na VPS - Interrogação integrada com o fluxo de bloqueio - Instalação de Rocket Chat em VPS - Criação de Rocket Connects, que são todos os conectores que eles apresentam - Diversos Channels que você pode estar usando - NH - Três aulas aqui para instalar NH - Configuração de NH no VPS - Conteúdo avançado com NH - 15 aulas onde encontram-se diversas integrações com ticsystem com bot cdg com bot cdg criando fluxos de conversa - Criação de bots de chat multinível com Google Sheets e Google Contatos, Gmail, Google Agenda - Registro e login usando Facebook - Geração e exportação de código-fonte do seu site - Criação de templates de e-mail personalizados Por fim, este módulo inclui um módulo especial sobre WordPress. # Começando com o ChatWhot no Windows Use # para títulos e subtítulos ------------------------------- ### Introdução Nesta guia, você aprenderá a configurar e testar o ChatWhot, uma API de chat gratuita e fácil de usar, para saber se ele se encaixa em seu negócio. Você pode testar e validar e, se encontrar interessante, pode avançar para a produção. Aqui está uma visão geral de o que iremos cobrir: 1. Pré-requisitos 2. Instalação 3. Configuração e configuração inicial 4. Teste e validação 5. Mudança para produção ### Pré-requisitos Para seguir esta guia, você precisará dos seguintes itens: 1. Um computador (preferencialmente Windows) 2. Docker Desktop (Download: [Link](https://desktop.docker.com/win/main/stable/Docker%20Desktop%20Installer.exe)) 3. Git (O cliente Git de linha de comando) 4. Node. js (Versão 16. 2. 1, link: [Download de Node. js](https://nodejs.org/pt-br/download/)) 5. Ngrok ou Túnel Local (Serviço de túnel local gratuito) ### Instalação Antes de começar, verifique se os seguintes pré-requisitos estão instalados no seu computador: 1. **Docker Desktop: ** Faça o download e instale o Docker Desktop. 2. **Git: ** Verifique se o cliente Git de linha de comando está instalado. 3. **Node. js: ** Instale a versão 16. 2. 1 do Node. js. 4. **Ngrok ou Túnel Local: ** Instale uma instância de Ngrok ou Túnel Local. **Nota: ** Se você estiver usando Túnel Local em vez de Ngrok, as etapas poderão variar ligeiramente. **Passo 1: ** Prepare seu ambiente: - Instale o Docker Desktop - Instale o Git - Instale o Node. js - Instale o Ngrok ou Túnel Local **Passo 2: ** Prepare as composições do ChatWhot e Docker: - Obtenha as composições do Docker e do ChatWhot da página de suporte. - Crie uma pasta nova no seu computador chamada "CRM local" e copie as composições nela. **Passo 3: ** Atualize as configurações: - Localize os arquivos `docker-compose. yml` e `. env. development` na pasta "CRM local". - Atualize a senha da base de dados PostgreSQL em ambos os arquivos da seguinte maneira: - No arquivo `docker-compose. yml`, defina uma senha para o serviço `postgres` na linha 46. - No arquivo `. env. development`, defina uma senha para a variável de ambiente `REDIS_PASSWORD` na linha 53. Agora seu ambiente está configurado. Vamos começar com o setup do ChatWhot. ### Configuração e Configuração Inicial 1. **Crie o ambiente do Docker: ** Abra o terminal e navegue até a pasta `CRM local`: ```bash cd CRM local ``` 2. **Crie e inicie o container do ChatWhot: ** - Inicie o container Docker: ```bash docker-compose up --build ``` 3. **Instale a API do ChatWhot: ** ```bash cd API Evolution npm install ``` 4. **Inicie a API do ChatWhot: ** ```bash npm start ``` 5. **Exponha a API do ChatWhot Convértera para português de Portugal mantendo toda a formatação Markdown. 1. FORMATOS: - Use todos os componentes Markdown (#, **, ``, [], (), etc) e manteremos a estrutura dos títulos e seções - Mantenemos os blocos de código tal qual - Substitua *brasileiros* por equivalentes português 2. Conversão - Alteraras palavra clave tecnicamente incorretos por termo correto da língua portuguesa - Mantem comando e códigos inalterados - Mantem URL's e citações na mesma format Saída formatada em Português em conformidade (note que talvez separei alguma frase sem sentido à primeira glançada do ponto): Converta pra Português de Portugal – mantendo marcação Markdown Automática e Transformação da Minha Empresa Este é o creator da comunidade ZDG, [Music] Embrace o zDG pessoal, pessoas! Estaremos a associar! Além disso, a solution de VoIP para WhatsApp desenvolvida pessoalmente pelos melhores de minha Nestor & Artur estará diretamente integrado com a sua versão do chatot que crieu Nestor, e que iremos usar desta forma é "MedDiariamente. Todo material completo você encontrara para apoyo na Página suportiva especificada descrita por esta vídeo. O que você precisa não perder confiança desta pessoa em assistência ao lika este vidoe em Youtube também, tendo em considaração em mostrar relevancia e recomendar videomais outras pessoas. Ouvias como disse? " Daqui o fiz sem muito bom sentido do original, pelo menos é legal e de cara: 1 Título principal + Conteudo: - Automativação e Tranformacao da Nossa Negocio, com o Objectivo de Desenvolvar a Minha API WhatsApp com integracao tanto de chatBot, como no caso do api de Evolutivo. Umas ferraments importante para atender melhor o nosso negocio Online * Introduzção: Como sou o *Creator/criador dos nosses, ZDG community*; *ZDG, este é o letra Zetan, Demolish Group. A empresa que o Nestor, Arturo, Leonardo, e muito mais aqui estreem trabalhando neste projektos, criou esta video com o intention de a ajudar um outro por esse metodo. Bom, está no video na sua descrition* * Aceitação general e obreseção – é importante recordar que tem que estar totalmente de conta de estar totalmente dando a essa tasco. Mas depois disso esta no video nada mais aguardarte, bater como e em, e te daremos mostras de porque vai mergulher de cabea nesta solution, e talvez a integracao por ti mesmos em poucou dias nao sexta fecha. Mas começamos pois aguardamos*. > Note que agora é bom apenas as notas como por exemplo **Firstthing**, **Passagens após o simbolo que esta entre "" (com aquele código a verificção, é na verdade # Firstthing , onde o comando # são de titularação) etc. ** 3. Componententes que utilizo `* A nossa server Virtual Private ou VPS, * A nossa domain nao precizo da desexplicação desse, somente é notar que em Portuguêsco Digital e no campo das tecnóologias de marketing ele é *servidor*. A ideia pois é ir apenas estas duas componentes base que iremos utiliar **Passa agora falando da segunda parte, passando para código listas** **Secondo compeentnette que usemo é domain**, **por exemplo vps**` + Componententes Comandos na Linguage Markdown *Note que esse comendo também não requ # Introdução Este documento fornece informações sobre a integração da VoIP (Voz sob Internet) diretamente no seu WhatsApp. ## Pré-requisitos - Lê o código QR aqui. Algumas vezes isso pode ocorrer então. É bom ter o computador ao vivo aqui, pois estes não são apenas avisos. Lê o seu QR code é aqui *telefone* tá aqui. Eu acho que ele já **faz a ligação** synchronizando. Vamos dar aqui um F5 dispositivo ativo estamos aqui conectado. ## Conectando-se ao Chat Estamos agora no *chat* agora. Vamos lá! [Música] Lê Tá bem tá ligando eu então aqui agora já *pronto* tá chamando legal. Pode atender pode aqui mudar silenciar atender pausar bem. Senta que sim, sim está agora. Pode fazer ligações e receber ligações diretamente no *chat*. ## Usando o Serviço Estou ligando para aqui eu então legal Agora já *pronto* tá feita já *você falar ai Pedro*. Mas eu quero usar e chamadas limitadas no meu meu avip tá e como eu faço isso pessoal aqui dentro do avip? Você pode contratar sua Instância então você vem aqui em *financeiro* Oh você vai passar aqui *um dois*. Quantos dispositivos você quer, mas falar ai Mas **80** cada dispositivo não a gente tem um cupom especial uma Parc seria super especial com a VoIP onde se você usar o cupom *zdg 40* você vai ter 50% de desconto de graça tá então é são **r$ 0** para você ter chamadas ilimitadas dentro do seu WhatsApp. ## Benefícios da Solução - É coisa exclusiva. Não existe serviço que ofereça chamadas por WhatsApp. É isso é coisa exclusiva. Não existe no mercado. - Não existe plano de VoIP plano de celular plano de telefone que te dá chamadas limitadas por apenas r$ 40. Incrível! Essa solução foi desenvolvida pelos meus amigos *Leonardo e Artur*. Tá bem e já deixaram de cara *integrado* ao *chatbot* para você utilizar aí em um sistema de multiatendimento gratuito. Se você quiser também aí aprender como integrar isso aí em outras soluções nós vamos disponibilizar mais material dentro da *community zdg*. ## Futuras integrações *Foi um forte abraço dos nariz até a próxima* Ped do nariz até a próxima *Type bot é* Estamos testando aí deixar entrega Diogo entrega com dialog FL, ntn se eu ficar falando aqui sobre zpr vai ter vai ter que fazer mais 20 minutos para falar sobre as funcionalidades do zpr tá bem mas estamos ali lançando também durante essa semana ou no máximo na próxima integração da Vip diretamente com a zpro para entrar na zpr tem aqui o link passar por Zuzug na descrição do vídeo. Nós também estamos integrando o avip diretamente no zpro *nossa solução avançada* *nossa SAS* com integração com Deus e o mundo aí é multicanal, integra com WhatsApp WhatsApp oficial não oficial é multilingual, integra com Facebook, Instagram, Webchat, SMS, e-mail e todas as caixas de entrada do HUB. Notificar-me quando estiver bem. 