# Chatwoot - Plataforma Multicanal Transcrição de: **Chatwoot** - Plataforma multicanal Tipo: **Playlist** Data: 09-01-2025 00: 11: 57 --- Vídeo 1: https://www.youtube.com/watch?v=e_GhlPXljxQ (Idioma: pt-PT) Boa-vinda! Seja muito bem-vindo. Nesse vídeo vou mostrar como **imprimir** a opção de atendimento humano no seu **chatbot**. Usaremos Chatwoot como plataforma multicanal. Interesse em automatizar? Inscreva-se no nosso canal e ative o sininho para ser notificado sempre que tivermos um novo conteúdo! Agora vamos começar. --- ## Configuração no Chatwoot Comecemos por inserir a sua conta no Chatwoot gratuito: * Inclua a sua conta gratuita tanto na plataforma: > [Sobre a minha conta] * Criar uma conta gratuita: [Criar uma Conta Gratuita] * Adicione uma caixa de entrada: > [New Entrypoint] * Selecione Website ou outra opção (nesse vídeo iremos selecionar **Website**) * Selecione o seu nome de usuário na minha infraestrutura: * Crie a caixa de entrada, selecionando as informações: * Nome da caixa de entrada * URL do seu website Aqui alguns exemplos de comandos a seguir, vamos: ``` api: chat: connect action: start-message context: title: Olá ``` --- ## Ativação de chatbot com Atendimento humano Agora você deverá aplicar os ajustes abaixo para permitir que a Chatwoot habilite sua opção de atendimento humano ao entrar na conversa com o seu chatbot. --- **1. ** Selecione a configuração na área de serviços > [Configuração] > [Serviços] * Navegue pelo menu da parte superior direita e clique em Serviços > Configuração * Abra as aplicações em configuração --- **2. ** Configurar Atendimento Humano * Aceite que "Chat" está ativo * Siga em Adicionar e clique no botão de configuração verde > Adicionar novo Bot **3. ** Siga a criação e configure: * Título (Atendimento humano) * Criar um codificador, não é necessário agora. * Projeto -> Selecione ou digite seu nome de usuário depois que crie uma conta. Ajuste mais se necessário (por exemplo, definição do período de horário de atendimento e outros atributos): > [Códigos & Chaves] > [Consoles & Billing] Se não for aprovado em teste ou atendimento inicialmente: > [Ingressos e Recursos] > [Não conceder acesso] > Deixar entrar: Clique na seleção em Ativado (verifique se possui a caixa de verificação de configuração activada, é necessário adicionar pelo menos uma opção aqui) --- **4. ** Adicionando o Atendimento humano ao Chatwoot: Voltando a partir da conta de serviço clicando sobre "Chaves": > [Chaves] * Copie a nova chave Gerada: Exemplo (Jason), você terá um identificador específico em seu chat * Retornando para Chatwoot vá em Suporte > Configuração e clique na opção Load. --- **5. ** Adicione o chat no seu chatbot: * Adicionar ao seu site > Adicionar chat * Inserir o código de embed (copiado na última etapa) na página onde pretende adicionar. # Registando o Chatbot Este é um guia para registar o Chatbot no canal YouTube [Typebot](https://www.youtube.com/channel/UCpayo4SIDxbCwCN-5KDoP7g) do Cláudio Balbino. Você vai aprender a integrar o Chatbot com uma plataforma de suporte de conversação chamada [Chat Útil](http://chat.util.com/), que oferece ferramentas para gerenciar conversas de diferentes serviços em um único local. ## Vídeo 1: Configurando o Chatbot no Typebot 1. Iniciando com o painel de controle do Typebot, criaremos um novo Chatbot a partir do zero. 2. Adicione um bloco inicial chamado de `Início`. Este bloco criará o nosso primeiro grupo de conversa e, subsequentemente, definirá as rotas por meio do uso de dicionários. 3. Adicione uma frase de boas-vindas. 4. Crie um grupo de conversa para atendimento humano. 5. Adicione outras frases necessárias para gerar variáveis como o nome, e-mail e telefone. ! [Geralmente, não é possível migrar o chatbot da plataforma do chatbot para uma hospedagem do WhatsApp e Telegram, a menos que você use um [chatbot suo próprio](https://github.com/claudiobalbino/Chat-bot). No entanto, é possível integrar o bot com o chatbot de serviços como Messenger, SMS e WhatsApp. ] (https://www.youtube.com/watch?v=KAlJhvH2pBc&feature=youtu.be&t=41s) ### Configurando o Chatbot do Typebot 1. Inicie o seu Typebot no painel de controle. 2. Crie um novo Chatbot. 3. Adicione um bloco de `Início`. Este bloco irá servir como o primeiro módulo de conversa, criando o nosso primeiro grupo. 4. Adicione uma frase de boas-vindas. ### Configurando atendimento humano 1. Adicione um novo grupo de conversa. 2. Adicione a seguinte frase: "Por favor, forneça algumas informações antes de eu entrar em contato com um agente: qual seu nome, e-mail (com endereço de e-mail válido) e telefone (com o código do país). " 3. Adicione campos de entrada para o nome, e-mail (com endereço de e-mail válido) e telefone (com o código do país). 4. Configure a transferência de conversa para a caixa de entrada do Chat Útil. ### Configurando o Chat Útil Se você ainda não tiver uma conta no Chat Útil, crie uma agora! [Chat Útil](http://chat.util.com/). 1. Inicie sua sessão no Chat Útil. 2. Acesse o Menu de configurações. 3. Clique em "Configurações de anexo" no menu da esquerda. 4. Adicione uma caixa de entrada chamada "Site". 5. Informe o domínio do seu Typebot. Parabéns! Agora seu Chatbot está pronto para receber conversas de múltiplos serviços na mesma plataforma. 🙂 # Configurando a Caixa de Entrada no Chat Útil (versão Portugal) ## Introdução Bem-vindo a este canal! Este vídeo vai mostrar como interagir com clientes e leads que responderem às mensagens enviadas pela plataforma Cloud e Pi, usando o Chat Útil. O Chat Útil oferece ferramentas para gerenciar conversas de vários serviços em um local único. Aceites este tipo de conteúdo e ainda não está inscrito no canal? Então aproveite e registae agora! Ative a notificação para receber notificação sempre que for lançado um novo vídeo aqui. Agora, vamos para o assunto que importa: ## Automatização de Interações com os Usuários Para interagir com clientes e leads que responderem às mensagens enviadas pela Cloud e Pi, vamos utilizar o Chat Útil. ### Criando uma caixa de entrada do tipo WhatsApp Para criar uma caixa de entrada do tipo WhatsApp, teremos que incluir a URL e o token desta caixa de entrada nos *Web hooks* do aplicativo WhatsApp. 1. Inicie sessão no Chat Útil. 2. No dashboard, selecione `Configurações` > `Caixa de Entrada` > `Adicionar Caixa de Entrada`. 3. Selecione o tipo `WhatsApp`, ele já está selecionado nesta etapa. 4. Dê um nome à sua caixa de entrada, por exemplo, `WhatsApp`. ### Obtendo as informações necessárias Agora vamos precisar de informações para terminar a configuração da sua caixa de entrada. 1. Número de telefone de teste: Utilizado para testar a configuração. 2. ID do número de telefone: Utilizado no passo 3. 3. Conta de Negócios de WhatsApp: Necessário fornecer a chave de API (token). 4. Token Permanente: Fornecendo um token permanente. ### Criação da caixa de entrada no aplicativo WhatsApp 1. Vamos adicionar a ID do número de telefone e o token da conta de Negócios no *Web hooks* do aplicativo WhatsApp, criando então a caixa de entrada no aplicativo WhatsApp. 2. Entre no aplicativo WhatsApp no site do Facebook. 3. Se você ainda não criou o seu aplicativo, veja a descrição para ver um vídeo passo-a-passo sobre a criação do aplicativo. 4. No Chat Útil, selecione `Configurações` > `Caixa de Entrada` > `Criar Caixa de Entrada do WhatsApp`. 5. Como já adicionamos a URL do *web hooks* e o token de verificação do *web hooks* previamente, selecione `Web Hook`. 6. Cole o token de verificação do WhatsApp *Web Hooks* que já adicionamos anteriormente. 7. Clique em `Criar Canale de WhatsApp`. 8. É possível adicionar uma imagem, adicionar colaboradores e colocar um horário de funcionamento na configuração da caixa de entrada. 9. Por fim, é possível atualizar a URL e o token de verificação do *web hooks* e o token de verificação de WhatsApp. ### Testando a caixa de entrada Para testar a caixa de entrada, envie uma mensagem de teste pelo número de telefone de teste e veja se você recebe uma resposta no aplicativo WhatsApp. Existem muitos atalhos para interagir com clientes e leads utilizando o chat, como o envio de mensagens de modelo especial que iniciam a conversa com a Cloud e Pi, além de muitas opções de personalização para garantir uma experiência única para o cliente. Es # Integração de ChatBot com Chat Util ## Introdução Este guia demonstra como integrar um chatbot com vários pontos de entrada utilizando o Chat Util, uma plataforma que permite gerir as conversas com os clientes através de vários canais de comunicação. Utilizaremos Darlan, uma plataforma de desenvolvimento de chatbots Google. ## Pré-requisitos - Conta de API de Negócios do WhatsApp - Conta do Chat Util ## Criação de um Pontos de Entrada do WhatsApp no Chat Util 1. Faça login no seu painel de controlo do Chat Util. 2. Vá para `Configurações` > `Entradas`. 3. Clique no botão verde "+ Adicionar Entrada" e escolha o canal WhatsApp. 4. Dê um nome para a sua entrada, por exemplo, "Cláudia PI Número de WhatsApp Empresarial". 5. Insira o número de telefone do WhatsApp, a Chave API e o ID da Conta de Negócios que obteve da sua conta de API de Negócios do WhatsApp. 6. Clique no botão "+ Adicionar Agente" e selecione um agente para gerenciar as conversas. 7. Clique em "Salvar". ## Criação de um Chatbot no Darlan 1. Vá para [o site do Darlan](https://darlankit.com/) e siga os passos para criar o seu chatbot. 2. Quando o chatbot estiver pronto, você receberá uma URL Webhook. 3. Volte para o seu painel de controlo do Chat Util e vá para a entrada que criou anteriormente. 4. Nesta seção de Webhook, forneça a URL Webhook do Darlan e salve as alterações. ## Configuração do Messenger no Chat Util 1. Nessa mesma configuração da entrada, deslize até à seção do Messenger. 2. Clique em `Gerenciar` e verifique se o Facebook Messenger está ativado (é necessário ser assinado). 3. Salve as alterações. ## Configuração do Dialogflow no Darlan 1. No seu painel de controlo do Dialogflow, vá para a seção de `Integracões` > `Serviços`. 2. Clique no botão "+ ADICIONAR INTEGRAÇÃO" e selecione o Chat Util. 3. Insira os detalhes necessários como Token de Acesso e Variáveis Ambientais, que poderá encontrar no seu painel de controlo do Chat Util. 4. Salve a integração. ## Interconectando o Dialogflow com o seu Chatbot 1. No seu painel de controlo do Chat Util, vá para a entrada que criou anteriormente. 2. Deslize até à seção de "Integração" e selecione o Dialogflow como a integração. 3. Insira os detalhes necessários como o arquivo JSON da Conta de Serviço do Gerente de Dialogflow, ID do Agente e ID do Projeto. 4. Salve as alterações. Agora você já configurou com sucesso a integração de chatbot utilizando o Chat Util e Dialogflow. Pode testar a conversa enviando mensagens desde a sua conta de API de Negócios do WhatsApp ou através da entrada criada no Chat Util. # Criando uma integração do WhatsApp com Dalla Flow com o auxílio da util ChatUtil ## Introdução Neste tutorial, vou mostrar-lhe como integrar Dalla Flow com o chatbot Chat Util para criar uma solução completa para o WhatsApp utilizando a API N8 de uma maneira simples e intuitiva. ## Pré-requisitos - Conta do WhatsApp para criar uma nova aplicação - Chatbot Chat Util (criado como exemplo) ## Passos 1. ### Criação do chatbot Iniciamos criando e configurando o chatbot. Pode encontrar um exemplo de um chatbot aqui que eu concretí. Neste chatbot, adicionei algumas lógicas, tais como: * Mensagem de boas-vindas pré-configurada que eu personalizei * A possibilidade de lidar com suporte humano, assim a sua chatbot também poderá oferecer assistência humana quando necessário Aqui, o utilizador poderá escolher a opção de suporte humano (opção 9), e serão atendidos pela nossa equipa de apoio no chat. Para agora, temos uma solução completa para o WhatsApp utilizando Chat Util que é simples de integrar. 2. ### Integração com WhatsApp A primeira etapa é configurar a nossa aplicação do WhatsApp no sítio [WhatsApp for Business](http://facebook.com/whatsapp/business). Aqui, realize a integração que acabaram de criar. 3. ### Teste Agora, testaremos a integração criando um chatbot. Pode achar instruções sobre como criá-lo aqui junto com mais informações sobre configuração e integração com a API N8. Este passo já foi completado; agora precisamos testá-lo. 4. ### Simulação (opcional) Pode simular várias situações, por exemplo, fazendo uma atualização de inscrição para o nossa utilizador. O utilizador terá acesso ao nosso chatbot, realizará a atualização de inscrição e pode utilizar a API ViaCEP para recuperar a sua morada e actualizar a base de dados nossa. Por aqui, fiz algadas adaptações, tais como utilizando uma tela diferente da que aparece no vídeo da playlist. Utilizei a Cloud do WhatsApp oficial neste fins, que envia uma mensagem em resposta. Por exemplo, quando o utilizador inicia a conversa, o bot envia um pequeno texto que pode formatar a seu gosto. Pode acrescentar mais informações aqui, e vou mostrar-lhe como é. 5. ### Integração com outras plataformas (opcional) Também é possível integrar com outras plataformas como CRM, planilhas, etc. Pode encontrar um vídeo aqui com mais integrações com o ENEM e uma opção para realizar uma integração própria. 6. ### Adição da Webhook (opcional) Se está interessado em aprender como criar e configurar os seus chatbots e realizar as integrações com a API N8, deixe um comentário aqui. O vídeo mostra como isso é acontecer e muacho mais. 7. ### Teste do chatbot (opcional) Agora, vamos testar o chatbot para garantir que está a funcionar corretamente. Depois de selecionar a `oi` opção, a tela de menu é apresentada. Esqulhei opção 1, que é formar o número de telesmóvel do utilizador. Pregunto-lhe uma CPF que esteja registado na minha planilha e pede um novo CEP. Introduzirei aqui um CEP aleatório, por exemplo, 99999-999. A API irá depois devolver a morada. Introduzi aqui o CEP e o API devolveu a morada. Herval, 99, pura beleza, São Paulo, SP. Para regressar, introduce 'retornar' ou 'sair'. Se quiser simular uma atualização de inscrição novamente, pode fazer aqui. Se escolher a opção de suporte humano (opção 9), a conversa será transferida para o suporte humano no chat. Aqui, como demonstra o vídeo, pode ser encontrado as instruções para isso. Novamente, escolhi opção 9 e transferi a conversa para o suporte humano. Assim, tenho uma solução completa com suporte humano e integrações utilizando APIs com a API N8 de uma maneira profissional. Que boa sorte e abraços quentes! Caso goste do vídeo, deixe um comentário e compartilhe-o com as pessoas com as quais conhece que poderão ser interessadas neste tipo de conteúdo. Caso não tenha inscrito ainda, seria um prazer ver-vos de novo no próximo vídeo. Que tenha um ótimo dia e um abraços quente! 