# Documentação de Automação de Atendimento com Chatwoot ## Tipo: Playlist Data: 09-01-2025 00: 11: 57 ## Vídeo 1: https://www.youtube.com/watch?v=e_GhlPXljxQ (Idioma: pt) Olá, bem-vindo! Este vídeo mostra como imprimir a opção de atendimento humano em um chatbot criado no Chatautomatize. Utilizaremos o Chatwoot e você curta este tipo de conteúdo, faça inscrição no canal e ative o Sininho para receber notificações sempre que tivermos um novo conteúdo! ## Organização ### Transcrição do Chatwoot - Plataforma Omnichannel - Tipo: Playlist - Data: 09-01-2025 00: 11: 57 #### Vídeo 1: [Link do vídeo](https://www.youtube.com/watch?v=e_GhlPXljxQ) (Idioma: pt) - **Olá** bom dia! Este vídeo vou mostrar como imprimir a opção de atendimento humano em seus chatbot criado com Chatwoot. Você curta esse tipo de conteúdo, faça inscrição no canal e ative o Sininho para ser notificado sempre que tivermos um novo conteúdo por aqui. Então vamos lá. Interessa? - ☞ vamos fazer automatização - Antes eu vou fazer aqui o quê que é uma chat room G7 para que você que não conhece ainda ele é uma plataforma que oferece aí ferramenta aí para você gerenciar conversas de diferentes canais de <code>email</code>, <code>WhatsApp</code>, do <code>chat instalado em seu site</code> você pode também é integrar com o chatbot que é o que nós vamos fazer aqui nesse vídeo. Ele oferece a opção é o serviços [as] here você pode começar aí. - Tô precisando um plano, um plano gratuito e não aparece que você pode até dois a gente conversas limitadas até 10. 000 contatos e outras funcionalidades aqui, uma das eu vou destacar que é o **histórico de 90 dias** da sua das suas conversas. Tá E aí depois se tem um plano pago que inicia-se a $19 por mês ou ano. Outro lado anualmente aí tem outros recursos aqui. Tá bom mas só que ele que ele vai fazer hoje a gente vai fazer utilizando o gratuito. Você também pode estar lá. - **Infraestrutura**: É a infraestrutura entre o plantão alto **hospedado** você Pode instalar na sua infraestrutura e gratuitamente também **não é ele é um serviço open-source**. - Aparia aqui com o Rocket chat para mim você pode ter causado a minha infraestrutura, a gente se limitado nos caixas de entradas ilimitados e tem um suporte da comunidade e o futebol como principal que vai ser o nosso roteiro. Nesse vídeo, então dentro do checkout depois que você ia ali incluir nessa sua conta nada se for eu vou então, inclusion de uma caixa de entrada nada se for eu vou. - Então nesse vídeo, né dentro do checkout depois que você ia ali incluir nessa sua conta, criará uma conta gratuita tanto dentro da plataforma né não será visto em tela se for eu vou então, inserir uma caixa de entrada. Não é isso aí, infraestrutura esse código nesse passo ou nesse passo a seguir não a seguir. - Passo seguinte eu vou mostrar as duas situações como que você vai fazer né quais sono elas? - Tá bem eu não vou fazer nesse momento, mas basta você clicar aqui em **copiar** e, enquanto a gente vai seguir passo a passo nesse vídeo, você pode copiar agora ou não posso. - **Configuração**: Eu vou mostrar neste passo tá bom eu vou deixar o link aqui para vocês fazerem de uma calma analisarem as informações que a empresa disponibiliza. O Amor a Nós estamos aqui, é eu estou aqui no meu dashboard, então vou incluir minha caixa de entrada que é a caixa de entrada ____________. Vou então, meu bot não é meu chatbot não vou clicar aqui o menino aqui vertical clicar em **Criar caixa de entrada** ou selecionar a opção **website**. - Configuração do chatbot - Nessa configuração, você poderá adicionar o comando de atendimento humano, por exemplo: ``Intendimentos e conversações``. - Suporte - Para adicionar um agente na sua caixa de entrada, basta acessar a configuração do bot, o que pode ser feito na página de configuração. - Lá você poderá adicionar o nome do agente e o perfil de cliente na conta do serviço do Google Cloud (<https://console.cloud.google.com/>) - Checando se está funcionando - Após configurar, é possível testar o atendimento humano integrando sua caixa de entrada ao código do Chatwoot, onde será mostrado um formulário de contato para ajudá-lo a enviar as informações necessárias para o atendimento humano. - Tá pronto, o atendimento humano em sua caixa de entrada foi integrado com sucesso! ### Conclusão - Este vídeo mostrou como configurar e integrar o atendimento humano em sua caixa de entrada no Chatwoot, levando sua automação de atendimento ao próximo nível. - Caso tenha dúvida de como fazer, não hesite em deixar Um comentário abaixo e podemos ajudar! # **Automatizando sua plataforma com Chatbot e Atendimento Humano** Neste vídeo, vou mostrar o recurso recente do **Type bot** que disponibilizou a integração com o **Chatbot**, permitindo incluir agora a funcionalidade de atendimento humano caso ainda não conheça o **Tapbot** e o **chat útil**. **Tapbot**, um **editor de bot de aplicativo conversacional** aberto, pode ser incorporado em sites ou em aplicativos web/mobile. **chat útil**, uma plataforma que oferece ferramentas para o gerenciamento de conversas de diferentes serviços em um local único, incluindo chatbot e atendimento humano. ## Criando um novo chatbot no **Type bot** Como nós vamos passar por todo o espaço, vamos começar do zero. Aí o chatbot já abre no dashboard. ### Configurando o fluxo de conversa Adicionaremos esse bloco aqui. Chamaremos-o de *Menu*. Adicionaremos, por exemplo, a opção de agendar mentoria. Adicionaremos também a opção de atendimento humano, que é a opção que nós vamos explorar nesse vídeo. Clique em *Start* para ligar o bloco. Agora temos nosso *Menu* configurado. Deixaremos aqui com apenas duas opções, mas lembre-se que eu tenho um vídeo aqui onde exploro todas essas opções. ### Configurando os botões de opção Adicionaremos aqui uma mensagem para atendimento humano, adicionaremos um novo grupo, e vamos adicionar a frase aqui. ### Adicionar opções de entrada de dados Para gerar algumas informações para gerar variáveis, vou adicionar aqui três campos: nome, e-mail, e telefone. Após configurado, o usuário deve informar o seu nome, e-mail, e telefone no formato específico e clicar neste botão aqui para enviar as informações. Depois, eu vou adicionar a minha variável aqui. Para ler a variável, clique nas três setas, clique em `Add New Variable`, e selecione a variável desejada. También podemos adicioná-las uma a uma como `nome`, `email`, e `telefone`. Agora, precisamos ler o `Telefone` em formato específico. Para isso, iremos adicionar uma mensagem de texto aqui: *Informe o seu telefone com o código do país*. Adicionaremos um outro input de texto aqui chamado `phone`, escolhendo *Phone* no **Add Input** e renomei para `telefone`. Adicionaremos o botão *Enviar* e adicionaremos a nossa variável aqui. Agora, vamos solicitar para o usuário que lhe forneça as informações necessárias na primeira vez. Iremos adicionar aqui os botões de texto, textarea, número, para que possamos receber essas informações. ## Configurando a integração do Chat útil em nossa plataforma Neste passo, precisaremos de nosso **Token de Website**. Vamos lá para o chat útil. Vamos criar uma nova caixa de entrada chamada *Type Bot*. Digite o domínio de seu site aqui. Se você tiver uma versão paga, poderá adicionar um domínio. Veja que ele já está configurado. Aqui é o nosso dashboard no chat útil. Tem um vídeo aqui na descrição onde exploro algumas funcionalidades também. Você pode clicar aqui, em *Configurações*, selecionar *Caixas de entrada*. Adicione uma nova caixa de entrada do tipo **Website**, selecione aqui o agente, seja enquanto é gratuito (por enquanto). Você pode ter dois agentes. Observa que ele já gerou um script aqui. Precisaremos deste script aqui para incluí-lo no site. Após copiar o script, adicione-lo no seu site desejado. Depois de responder às três perguntas, o usuário deve clicar aqui, no botão *Start*. Sua conversa será iniciada, e agora você pode ver o resultado na conversa. Você também pode ver aqui o histórico completo das conversas, incluindo gráficos. Ao clicar em *Responder*, você pode marcar a conversa como pendente. De qualquer maneira, a conversa fica armazenada aqui. Espero que você tenha gozado do vídeo! Se você curtiu o vídeo, deixe seu comentário ou compartilhe com pessoas que também não tenham esse tipo de conteúdo. Estou aqui e espero falar com você no próximo vídeo. Abraço! [Música] # Configurando a Caixa de Entrada no Type Bot (Português de Portugal) Você pode configurar sua caixa de entrada ao criar a sua caixa de entrada, você pode configurar por exemplo para ele fazer avaliação. Por exemplo, clique aqui na verdade tem que clicar aqui em **Configurações** caixa de entrada e aí vem aqui no TechBot **Configurações. ** Você tem toda a configuração aqui. Você pode adicionar aqui podemos colocar horário de funcionamento. Você trabalha das 9 horas às 22 horas. Pode configurar aqui pode adicionar um formulário de preenchento. Tem a parte da configuração aqui e a parte do Construtor aqui do chat hoje. Tá vendo pode fazer todas essas configurações aqui após na CT, criado você pode então voltar em configurações caixa de entrada clicando aqui em configurações. Você pode fazer as alterações que forem aqui necessárias. Tá bom, pessoal espero que vocês tenham gostado desse novo recurso do Type bot se você gostou já deixa aí a sua mensagem. Deixe o seu nome e compartilhe aí com pessoas que tenham interesse nesse tipo de solução. Eu vou ficando por aqui nos vemos no próximo vídeo e um grande abraço. ## Vídeo 3: [Link do vídeo](https://www.youtube.com/watch?v=dy2pcTphSKU) (Idioma: pt) Olá seja muito bem vindo ao canal! Vamos automatizar! Eu sou o Cláudio Balbino e nesse vídeo vou mostrar como interagir com os seus usuários clientes e leads que responderem as mensagens enviadas com a Cloud e pi usando o chat útil (utilizamos) uma plataforma que oferece ferramentas para gerenciar suas conversas de diferentes serviços em um só lugar. Você curte esse tipo de conteúdo e ainda não está escrito aqui no canal? Aproveita e já se inscreva e ative o Sininho para ser lembrado sempre que tiver um novo vídeo por aqui então vamos lá vamos ao que interessa: Vamos automatizar então com nossos usuários clientes e leads que responderem mensagens enviadas com a Cláudia pi nós vamos utilizar o chat útil. E para isso nós precisamos criar uma caixa de entrada do tipo WhatsApp. Essa caixa é criada nós vamos incluir a URL e o token dessa caixa de entrada no web hooks do aplicativo WhatsApp e você cria lá no Detran do Facebook. com se você ainda não criou o seu aplicativo, vou deixar aqui na descrição um vídeo onde eu mostro passo a passo como fazer isso. Tá ok, você acessando o seu aplicativo no chat útil? Esse aqui é o seu dashboard então para criar a caixa de entrada você vai vir aqui em configurações seleciona caixa de entrada e clica aqui no botão verde adicionar caixa de entrada. Selecione o tipo WhatsApp (ele já vem selecionado aqui). Você vai dar um nome aqui para a sua caixa de entrada, vou colocar apenas "WhatsApp" e essas demais informações nós vamos obter lá no aplicativo. Tá ok então nós vamos lá no aplicativo que eu já criei então aqui estão as informações que nós precisamos: - Primeira informação: o número do telefone que você vai usar. Eu vou usar telefone de teste. - Segunda informação: ID do número de telefone. Eu vou pegar, cópia. - Terceira informação: ID da conta de negócios é de dar conta do WhatsApp Business. Vou pegar a chave API, vou utilizar essa chave aqui (token temporário), mas você adiciona um Token Permanente (vou mostrar como obter no vídeo que eu deixei aqui na descrição). - Quarta informação: criar canal do WhatsApp. Lembrando que na conta gratuita aqui na versão SAS né que eu estou utilizando o próprio. . . mas você pode instalar o servidor aí e utilizar o gratuitamente. Bloqueio: adicionar o agente. Você pode ter até dois agentes e aqui ele gera essas duas informações (URL de verificação do web hooks e o token de verificação). - Importante: pessoas tem que se inscrever aqui imensas (tá escrito), então eu vou editar aqui. - Eu vou adicionar então eu vou adicionar aqui a minha URL (de chat útil) e o token de verificação do webbook também vou adicionar aqui. Tá bom clico em verificar e salvar. Lembrando de se inscrever aqui no imensas (pessoal senão ele não funciona pois já foi feita a verificação. Ele já tá funcionando. Tá então eu já criei lá minha caixa de entrada ela tá aqui, eu posso clicar aqui mais configurações, posso colocar uma imagem aqui do canal, adicionar aqui, colocar um horário antes de funcionamento, seleciona aqui os horários de Portugal. Ele já vem com a mensagem padrão aqui. Eu vou adicionar uma mensagem personalizada aqui. Então já tinha ela aqui (nosso atendimento humano é realizado de segunda à sexta, das 9h às 18h, mas pode deixar uma pergunta que responderemos o mais breve possível. Se você tiver alguma dúvida, DTá bom, Pessoal! Espero que você tenha gostado desse novo recurso do Type bot. Se você gostou, deixe o seu comentário embaixo. Compartilhe este vídeo com pessoas que tenham interesse neste tipo de solução e não esqueça também do seu like no canal para que possamos continuar abno envio de novos conteúdos! # Vídeo 4: [Link do vídeo](https://www.youtube.com/watch?v=l1ljO1Cz_oc) (Idioma: pt) Ólá, seja bem-vindo ao canal! Vamos automatizar! Eu sou o Cláudio Balbino e nesse vídeo vou mostrar como criar um typebot com atendimento humano em várias caixas de entrada do chatwoot. Se você ainda não conhece Type bot e o chat útil, são plataformas para construção visual de chatbots e gerenciar conversas com seus clientes por meio de vários canais de comunicação, como o chat ao vivo, e-mail e mídias sociais. Eu estou deixando aqui na descrição os links para as playlists dedicadas a essas plataformas aqui no canal. Você curte esse tipo de conteúdo e ainda não está escrito aqui no canal? Aproveite e já se inscreva e ative o Sininho para ser notificado sempre que tivermos um novo vídeo por aqui. Vamos automatizar! Este vídeo nasceu de uma pergunta de um seguidor aqui no canal onde ele deixou nos comentários desse vídeo aqui onde eu falei sobre o Type bot com atendimento humano pela chatwoot. O Jean ele fez a seguinte pergunta: "como fazer para um único bot atender todas as caixas de entrada do chatwoot, é o que vou mostrar aqui no vídeo. Se você gostou, deixe o seu comentário embaixo, compartilhe este vídeo com pessoas que têm interesse neste tipo de conteúdo, se você ainda não se inscreveu no canal, se inscreva e ative o Sininho para ser notificado sempre que tiver um novo vídeo por aqui e não esqueça também do seu like no canal para que possamos continuar abno envio de novos conteúdos! # Bloco de integração com chat útil Este bloco de código foi duplicado e configurado para facilitar a integração com o chat útil. Ele é bastante simples, como pode ser visto abaixo. - O bloco de código fornece variáveis de nome de email e de telefone. - Ainda antes de ser transferido, você pedirá o nome, o email e o telefone do usuário, no formato incluindo o DDI. ## Configuração do chat útil - Acesse as configurações do chat útil. - Clique em `Caixa de entrada` para adicionar uma caixa de entrada. - Selecione o tipo `Website`. - Dê um nome ao domínio do seu site. - Copie e cole o token de website da caixa de entrada de suporte. - Cole as variáveis aqui, com a variável desejada sendo selecionada. ## Vídeo de demonstração Você poderá encontrar uma demonstração detalhada do processo no vídeo abaixo: [Vídeo 5: YouTube](https://www.youtube.com/watch?v=-sAOhS0oPgk) (Idioma: pt) ### O chatbot já está configurado - Tenha em mente que o chatbot já está configurado para funcionar corretamente. ## Atendimento ao vivo Este caso demonstra como iniciar o atendimento com um chatbot e transferir o usuário para uma caixa de entrada. Nosso caso aqui vamos iniciar o atendimento com um chatbot e transferir o usuário para uma caixa de entrada. As mensagens são basicamente copiadas do seu caso de uso, permitindo que você possa personalizar as mensagens de acordo com as necessidades de cada tipo de setor. O chatbot fornecerá informações de telefone e email, assim como permitirá que o usuário envie mensagens. Se o atendimento estiver indisponível, o usuário poderá deixar uma mensagem e ser respondido assim que voltarmos à disponibilidade. Este vídeo demonstra, então, como você pode integrar um chatbot a várias caixas de entrada. O processo é bastante simples, como pode ser visto no vídeo. Para integrar o chatbot a várias caixas de entrada, simplesmente replicar o código e configurar as configurações apropriadas para cada caixa de entrada. Em seguida, você poderá personalizar a cor de acordo com suas preferências. [Música] # Documentação de Integração do Chat Útil com API Dallar Logs ## Introdução Este documento detalha as etapas para integrar o Chat Útil com a API Dallar Logs, oferecendo soluções completas para o WhatsApp. Este guia por exemplo aborda a criação de um chatbot com atendimento humano, a integração com outras plataformas, e a criação de integrações com Enem. ## Seção 1: Criação do chatbot 1. Clique em "Música" na plataforma da Cláudia API 2. Selecione "Criar" e continue 3. Selecione um papel de seu choice como importante pessoal 4. Insira diálogo para configurar a opção "Onde posso ajudá-lo? " 5. Adicione a opção "Atendimento humano" à configuração 6. Feito isso, você poderá continuar 7. Clique em "Concluir" 8. Agora, acabamos de criar a Cláudia API e pode clicar nela para gerar uma chave 9. Acesse a aba "Chaves" no Chat Útil e adicione a chave criada anteriormente 10. Clique no botão "Adicionar chave" e selecione "Chave JSON" 11. Insira o código JSON todo ele aí e o `CTRL + C` copie para o nosso canal de chat útil, depois volte para o nossou canal de chat `CTRL + V` 12. Coloque a chave que você acabou de copiar na caixa de entrada 13. Criamos a plataforma de API da Cláudia e a integração do Dallar Flow com o chat Hood está feita ## Seção 2: Integração com o WhatsApp e outras plataformas 1. Comece criando a configuração do seu aplicativo doWhatsApp 2. Realize a integração com o chat Útil que já está pronto 3. Essa parte já está feita 4. Agora, vamos testar ## Seção 3: Testes e atualizações cadastrais 1. Você deve criar um chatbot; já tenho um exemplo pronto aqui 2. Adicionei algumas funções de boas-vindas e menus padrão por padrão 3. Você pode customizar as mensagens de boas-vindas 4. Você pode fazer a integração com outras plataformas como CRM ou o Google Sheets 5. Ao atender ao cliente, você poderá oferecer atendimento humano se necessário ## Referências * [Facebook Workplace](https://www.facebook.com) * [Dallar Logs API](https://documentation.dallarlogs.com) * [Plataforma de Integração N8N](https://n8n.io)