Como Adicionar um Chatbot no WordPress (Passo a Passo)

Adicionar um chatbot ao seu site WordPress pode melhorar o engajamento do usuário, fornecendo assistência instantânea aos seus visitantes. Chatbots podem lidar com consultas, guiar usuários pelo seu site e até ajudar a gerar vendas, oferecendo uma experiência de usuário interativa.

Saber como adicionar um chatbot pode transformar a maneira como você interage com seu público e aumentar a eficiência geral do seu site.

Ao longo dos anos, vimos várias de nossas marcas parceiras adicionarem chatbots em seus sites para fornecer suporte ao cliente e guiar usuários. Desde então, eles notaram um aumento significativo no engajamento, com chatbots desempenhando um papel fundamental na conversão de leads em clientes.

Neste artigo, mostraremos como adicionar facilmente um chatbot no WordPress, passo a passo.

O que é um Chatbot?

Um chatbot é um programa de computador que usa uma interface de chat para conversar com os visitantes do seu site. Ele funciona exatamente como sua equipe de suporte ao cliente faz quando usa um plugin de chat ao vivo.

No entanto, enquanto o chat ao vivo é uma conversa em tempo real entre um cliente e sua equipe de suporte, os chatbots são automatizados.

Isso significa que eles só podem fornecer respostas para as quais você os programou.

Por exemplo, um chatbot de atendimento ao cliente pode responder a perguntas sobre produtos ou serviços, solucionar problemas e fazer recomendações.

Da mesma forma, um chatbot de saúde pode fornecer respostas instantâneas a perguntas sobre condições de saúde, lembrar os pacientes de consultas e conectar pacientes a médicos.

Por que você deve usar um Chatbot no WordPress?

Adicionar um chatbot ao seu site WordPress permitirá que você forneça suporte ao cliente 24 horas por dia, 7 dias por semana, aos seus visitantes, mesmo quando sua equipe de suporte não estiver disponível.

Isso reduzirá o número de tickets de suporte em seu site e melhorará a experiência do usuário.

Chatbots também podem ser usados para automatizar outras tarefas de suporte ao cliente, como responder perguntas frequentes, fornecer suporte a produtos e corrigir problemas menores.

Isso economizará muito tempo e permitirá que sua equipe se concentre em questões mais complexas.

Se você tem uma loja online, também pode usar um chatbot para aprender sobre os interesses e necessidades dos clientes. O chatbot pode então responder às perguntas do cliente e fechar o negócio, aumentando o engajamento do usuário.

Dito isso, vamos ver como adicionar facilmente um chatbot no WordPress, passo a passo. Cobriremos três métodos diferentes, e você pode usar os links rápidos abaixo para pular para o que deseja usar:

• Adicionar um Chatbot no WordPress Usando Heroic KB (Melhor para Suporte ao Cliente)
• Adicionar um Chatbot no WordPress Usando ChatBot (Melhor para Vendas e Atendimento ao Cliente)
• Adicionar um Chatbot no WordPress Usando HubSpot (Grátis e Fácil)
• Bônus: Adicionar Chat ao Vivo ao Seu Site WordPress

Adicionar um Chatbot no WordPress Usando Heroic KB (Melhor para Suporte ao Cliente)

Se você deseja criar um chatbot personalizado para automatizar as consultas de suporte ao cliente, então este método é perfeito para você.

Heroic KB é o melhor plugin de base de conhecimento WordPress que adiciona uma base de conhecimento pesquisável ao seu site existente.

Ele também vem com um poderoso Assistente de IA Heroic que adiciona um chatbot à sua página de base de conhecimento. O chatbot de IA é treinado diretamente em seus artigos da base de conhecimento para fornecer respostas precisas às perguntas dos visitantes.

Para começar, você precisa instalar e ativar o plugin Heroic KB. Se precisar de ajuda, consulte nosso tutorial sobre como instalar um plugin do WordPress.

Assim que o plugin for ativado, você deve criar uma base de conhecimento para poder treinar seu chatbot de IA nela. Certifique-se de que sua base de conhecimento inclua artigos detalhados e de alta qualidade que ajudarão seu público a aprender como usar seus produtos/serviços.

Para instruções passo a passo, você pode seguir nosso tutorial sobre como adicionar documentação de base de conhecimento no WordPress.

Depois de criar sua base de conhecimento, você pode configurar o Assistente de IA Heroic.

Para fazer isso, visite a página Configurações do Heroic KB » no painel do WordPress e clique na aba ‘Assistente de Ajuda’.

A partir daí, você precisa marcar as opções Habilitar Assistente de Ajuda, Mostrar Assistente de Ajuda neste Site e Assistente de Ajuda de IA.

Você também pode selecionar a cor principal do seu chatbot do Assistente de Ajuda nesta página.

Quando terminar, clique no botão ‘Salvar Alterações’.

Em seguida, clique na aba ‘Assistente de Ajuda de IA’ na página de Configurações do Heroic KB. Aqui, você precisa adicionar as chaves de API para OpenAI e Pinecone.

Você pode gerar uma chave de API da OpenAI no site da OpenAI visitando a página de Chaves de API de sua conta paga.

Simplesmente gere uma nova chave secreta e copie e cole-a nas configurações do Assistente de Ajuda de IA do Heroic KB.

Você pode gerar uma chave de API do Pinecone no site da Pinecone com uma conta gratuita ou paga.

Basta ir para a página ‘Chaves de API’ e clicar no botão ‘Criar Chave de API’. Em seguida, copie e cole-a nas configurações do Heroic KB.

Após copiar e colar suas chaves de API, você também precisa preencher o campo ‘Ambiente Pinecone’.

Para contas gratuitas do Pinecone, você pode usar gcp-starter como o Ambiente Pinecone. Para contas pagas, você pode usar qualquer Região GCP suportada pelo Pinecone, como eu-west4-gcp ou us-central1-gcp.

Depois de fazer isso, não se esqueça de clicar no botão ‘Salvar Configurações’.

Em seguida, clique no botão ‘Criar Índice Pinecone’ para criar automaticamente um novo índice Pinecone.

Você pode marcar a caixa ‘Status’ para ver se suas chaves de API foram validadas e se o índice Pinecone foi criado.

Assim que estiverem prontos, você pode começar a treinar o chatbot assistente de IA em sua base de conhecimento.

Para fazer isso, basta clicar no botão ‘Treinar na Base de Conhecimento Heroica deste site’.

O assistente de IA começará o treinamento, o que pode levar alguns minutos, dependendo do tamanho da sua base de conhecimento.

O progresso será exibido no painel de Treinamento.

Quando o treinamento for concluído, você poderá visitar sua página da Base de Conhecimento para ver seu chatbot assistente de IA Heroico em ação.

Os visitantes podem fazer uma pergunta, e o chatbot fornecerá uma resposta precisa com base na documentação da sua base de conhecimento.

Adicionar um Chatbot no WordPress Usando ChatBot (Melhor para Vendas e Atendimento ao Cliente)

Se você está procurando um chatbot tudo-em-um para geração de leads, vendas, atendimento ao cliente e muito mais, então este método é para você.

Você pode facilmente adicionar um chatbot ao seu site WordPress usando ChatBot. É o melhor software de chatbot com IA que permite criar chatbots usando um construtor de arrastar e soltar. Ele também oferece mais opções de personalização de chatbot e recursos multilíngues. Veja nossa análise completa do ChatBot para mais informações.

Primeiro, você precisará instalar e ativar o plugin gratuito ChatBot. Para instruções detalhadas, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, visite a aba do menu ChatBot no painel de administração do WordPress e clique no botão ‘Conectar Conta’.

Isso abrirá o site do ChatBot em uma nova janela, onde você deve inserir suas credenciais de login e clicar no botão ‘Login’.

No entanto, se você ainda não tem uma conta no ChatBot, basta clicar no link ‘Inscreva-se gratuitamente’ no topo.

Isso o levará a uma nova página onde você precisará fornecer seu endereço de e-mail e inserir um nome de conta e senha.

Assim que terminar, basta clicar no botão ‘Criar conta’.

Ao criar a conta, você será redirecionado para o seu painel do WordPress. Você conectou com sucesso seu site WordPress ao ChatBot.com.

Agora, para começar a criar um chatbot, basta clicar no botão ‘Ir para o painel’.

Isso o levará ao painel da sua conta ChatBot.

A partir daqui, clique no botão ‘Criar bot’ no topo para iniciar o processo.

Isso o levará à página ‘Criar nova história’, onde você deve escolher o tipo de chatbot que deseja criar.

Por padrão, o ChatBot permite que você crie um bot de atendimento ao cliente, bot de candidatura a emprego, bot de geração de leads, bot de FAQ, bot de vendas e muito mais.

No entanto, você também pode escolher a opção ‘Construir do zero’ para criar um bot você mesmo. Para este tutorial, criaremos um bot de atendimento ao cliente.

Isso abrirá o modelo pré-fabricado de bot de atendimento ao cliente em sua tela.

A partir daqui, você pode facilmente criar um fluxo de conversa para o seu chatbot clicando nas abas ‘Resposta do Bot’ no chatflow.

Um prompt será aberto na tela, onde você pode adicionar respostas de chat e respostas rápidas como texto, imagens e botões arrastando e soltando os blocos no prompt.

Depois de fazer isso, basta adicionar a resposta do bot e clicar no botão ‘Salvar e Fechar’ no topo.

Se desejar, você também pode adicionar filtros personalizados à resposta do chatbot clicando no botão ‘Adicionar Filtro’ no prompt.

Isso abrirá um menu suspenso onde você pode escolher um filtro que será adicionado à resposta do seu chatbot, incluindo:

• Mensagem: Personalize a conversa adaptando as respostas à mensagem do usuário.
• Pontuação: Evite conversas irrelevantes filtrando mensagens com baixa pontuação.
• Falhas: Melhore a precisão do chatbot filtrando mensagens que provavelmente resultarão em falha. Isso pode impedir que o chatbot forneça informações incorretas ou enganosas.
• Email: Elimine endereços de e-mail inválidos ou direcione-se aos usuários por seus e-mails.
• Nome: Crie uma experiência personalizada para o usuário ou bloqueie mensagens que contenham nomes específicos.
• Nome de usuário: Filtre mensagens que contenham nomes de usuário específicos.
• Integração: Crie mensagens específicas para usuários que utilizam uma ferramenta em particular.
• Idioma: Escreva mensagens em idiomas específicos para sites multilíngues.
• Fuso horário: Filtre mensagens de acordo com o fuso horário relevante.

Adicionalmente, você pode criar mensagens específicas para usuários em diferentes regiões e países. Isso pode ser útil se você tiver um grande público internacional.

Depois disso, você também pode selecionar a lógica condicional para a resposta agora filtrada. A resposta que você está criando será usada pelo chatbot apenas se o cliente com o qual ele está interagindo atender ao filtro.

Por exemplo, se você tem um site multilíngue e deseja criar um chatbot para diferentes idiomas, então você pode usar o filtro 'Idioma'.

Depois de fazer isso, selecione a opção '= igual' como condição e digite o nome do idioma.

Em seguida, você pode adicionar a resposta no idioma que escolheu. Em nosso exemplo, quando um usuário digita uma consulta no chatbot em italiano, o chatbot mostrará a resposta em italiano que criamos com este filtro.

Quando terminar de adicionar seu filtro, clique em 'Aplicar filtro'.

Depois disso, você também pode usar o botão '+' para adicionar diferentes blocos ao seu fluxo de chat. Isso abrirá um prompt onde você pode selecionar qualquer bloco de sua escolha, incluindo:

• Entrada do Usuário: Adicione mensagens do usuário que acionarão a resposta do bot.
• FAQ: Adicione perguntas frequentes e suas respostas neste bloco.
• Entrada de Anexo: Permita que os usuários anexem arquivos em uma conversa em andamento com o chatbot.
• Resposta do Bot: Adicione uma resposta de um chatbot a uma pergunta.
• Retrocesso: Impede que os usuários visualizem interações previamente correspondidas com o bot.
• Fallback: Exiba uma mensagem geral ou acione uma ação sempre que seu chatbot não conseguir corresponder à consulta do usuário com nenhuma resposta do chatbot.
• Fluxo: Organize visualmente cenários complexos de resposta de chatbot.
• Adicionar ao segmento: Segmente todos os usuários em diferentes grupos com base nos dados do usuário.
• Excluir do segmento: Exclua usuários de um segmento específico.
• Definir atributo: Salve informações sobre os usuários.
• Marcar Meta: Marque uma conversa como tendo atingido seu objetivo.

Você também tem a opção de enviar uma transcrição de uma conversa para um endereço de e-mail ou marcar diferentes conversas de chatbot com palavras-chave e frases.

Por exemplo, se você escolher o bloco FAQ, ele será aberto em sua tela, onde você poderá adicionar perguntas comuns de suporte ao cliente e suas respostas.

Seu chatbot usará essas respostas para responder às consultas dos clientes em seu site.

Em seguida, clique na guia de resposta do bot 'Menu Principal' para abrir o prompt do bloco. Aqui, você pode adicionar botões para todos os serviços que seu chatbot pode oferecer usando o bloco Botão.

Depois disso, clique em cada bloco Botão para abrir suas configurações e configurar para onde você deseja que o botão direcione os usuários.

Por exemplo, você pode permitir que os usuários sejam direcionados para a resposta do chatbot de FAQs que você criou, selecionando o tipo de botão como 'Ir para bloco'.

Em seguida, selecione o bloco 'FAQ' no menu suspenso 'Ir para' e clique no botão 'Salvar Configurações'.

Além das FAQs, você também pode criar botões para direcionar os usuários à inscrição da sua newsletter, página de contato, ofertas de desconto e muito mais.

Quando terminar, não se esqueça de clicar no botão ‘Publicar’ no topo para salvar suas configurações.

Um prompt será aberto na sua tela, pedindo para você fornecer um nome para o seu chatbot.

Após inserir os detalhes, basta clicar no botão ‘Confirmar’ para publicar o seu chatbot.

Em seguida, visite o seu painel do WordPress e vá para a aba ChatBot, onde você notará que a seção ‘Escolha seu bot’ estará visível na tela.

Agora, basta escolher o bot que você acabou de criar no menu suspenso.

Depois disso, ative o interruptor ‘Ocultar chat no celular’ para ‘Ativado’ se você não quiser que as pessoas que visitam seu site pelo celular possam ver o chatbot.

Você também pode ativar o interruptor ‘Ocultar chat para visitantes convidados’ para ‘Ativado’ se quiser que o chatbot seja exclusivo apenas para seus membros.

Finalmente, clique no botão ‘Adicionar ao Site’. Agora, você pode visitar seu site para ver o chatbot em ação.

Adicionar um Chatbot no WordPress Usando HubSpot (Grátis e Fácil)

Se você está procurando uma maneira gratuita e fácil de construir um chatbot, então você pode usar este método.

HubSpot é um incrível sistema de gerenciamento de relacionamento com o cliente (CRM) que vem com um conjunto de ferramentas para vendas, atendimento ao cliente, marketing e gerenciamento de conteúdo.

Ele permite até mesmo que você crie conversas automatizadas com os visitantes do seu site com seu criador de chatbot gratuito.

Primeiro, você precisará instalar e ativar o plugin HubSpot em seu site. Para instruções detalhadas, consulte nosso guia para iniciantes sobre como instalar um plugin do WordPress.

Após a ativação, você deve visitar a aba de menu HubSpot na barra lateral de administração do WordPress e inserir seu endereço de e-mail para criar uma conta HubSpot.

Se você já tiver uma, basta clicar no link ‘Entrar’ na parte inferior.

Assim que fornecer seus dados e definir uma senha para sua nova conta, o HubSpot perguntará sobre o setor em que você trabalha.

Simplesmente selecione um setor de sua escolha no menu suspenso e clique no botão ‘Próximo’.

Depois disso, o HubSpot criará uma nova conta para você e, em seguida, pedirá para conectá-la ao seu site WordPress.

A partir daqui, basta clicar no botão ‘Conectar Site’.

Agora, é hora de você começar a criar seu chatbot.

Para fazer isso, visite a página HubSpot » Chat ao Vivo no painel do WordPress e clique no botão ‘Criar chatflow’.

Isso o levará para a próxima página, onde você poderá selecionar qualquer um dos modelos de chatbot pré-fabricados.

Por padrão, o HubSpot permite que você crie um bot concierge, um bot de qualificação de leads, um bot de reuniões, um bot de tickets, um bot offline ou até mesmo um chatbot do zero.

Para este tutorial, criaremos um ‘Bot de Tickets’.

Para prosseguir, selecione o fluxo de chat que deseja usar e clique no botão ‘Continuar no HubSpot’.

Você será então direcionado para sua conta HubSpot, onde criará o restante do seu chatbot.

A partir daqui, clique no botão ‘Próximo’ para avançar.

Na próxima etapa, você precisa selecionar o idioma para o seu chatbot no menu suspenso.

Você pode deixar as outras configurações como estão e clicar no botão ‘Criar’.

Seu template agora será aberto no construtor de chatbot, onde você pode editar o fluxo de conversa.

Simplesmente clique na aba ‘Opções’ na resposta do bot e selecione o link ‘Editar’.

Isso abrirá as configurações da ação na coluna da esquerda, onde você pode alterar o nome e o texto da ação.

No HubSpot, uma ação é uma etapa na conversa do chatbot que executa uma tarefa específica, como fazer perguntas ou enviar respostas. A primeira ação do seu chatbot será a primeira pergunta que ele receber do visitante do site.

Depois disso, role para baixo até a seção ‘Respostas dos seus visitantes’ e digite todas as respostas rápidas que um visitante pode potencialmente dar a essa pergunta.

Por exemplo, um visitante pode perguntar como comprar seu produto, ou pode querer relatar um erro que está enfrentando em seu site.

Depois disso, role de volta para o topo e mude para a aba ‘Ramificações Se/Então’.

A partir daqui, você tem que selecionar a ação que o chatbot tomará se o cliente responder com uma das respostas rápidas que você acabou de adicionar.

Por exemplo, se você quiser que o chatbot abra tickets de suporte toda vez que um usuário não conseguir receber um e-mail de confirmação com credenciais, então selecione a opção ‘Criar Ticket’ no menu suspenso.

Depois disso, basta clicar no botão ‘Salvar’ para armazenar as configurações da ação.

Depois disso, você pode deixar o restante das configurações do fluxo de conversa como estão ou continuar editando as diferentes ações para o seu chatbot.

O chatbot agora criará um ticket de suporte para todas as respostas rápidas que você adicionou ao prompt da ação.

Em seguida, mude para a aba ‘Destino’ na parte superior. Aqui, você tem que escolher onde o widget do chatbot aparecerá em seu site.

Você pode deixar essas configurações como estão se quiser que o chatbot apareça em todas as páginas do seu site.

No entanto, se você quiser ocultar o chatbot em páginas específicas, clique no link ‘Adicionar regra de exclusão’. Isso abrirá outra regra onde você pode simplesmente adicionar a URL da página onde deseja ocultar o chatbot no campo à direita.

Quando terminar, role para baixo até a seção ‘Informações e comportamento do visitante’. Aqui, você pode escolher os visitantes para os quais o chatbot deve ser exibido.

Por exemplo, se você quiser que apenas visitantes que fazem parte da sua lista de contatos possam ver o chatbot, você pode escolher a opção ‘Visitante’ no menu suspenso da esquerda e a opção ‘É um contato’ no campo da direita.

Depois disso, clique no botão ‘Salvar’ e mude para a aba ‘Exibição’.

A partir daqui, você pode fazer upload de uma imagem de avatar para o seu chatbot e alterar seu nome.

Em seguida, expanda a seção ‘Comportamento de exibição do chat’ e escolha o estado padrão do chatbot quando os gatilhos forem atendidos.

Por exemplo, se você quiser que a mensagem de boas-vindas do bot apareça imediatamente assim que alguém visitar seu site, você pode escolher a opção ‘Abrir a mensagem de boas-vindas como um prompt’.

Se você escolher ‘Mostrar apenas o iniciador do chat’, os visitantes terão que clicar no seu chatbot para ver seus prompts.

No entanto, você pode selecionar a terceira opção se quiser que o chatbot apareça apenas quando um gatilho for atendido.

Depois disso, role para baixo e escolha o gatilho para a aparência do chatbot.

Por exemplo, se você quiser que o chatbot seja exibido assim que o visitante estiver saindo do seu site, selecione a opção ‘Na intenção de saída’.

No entanto, você também pode escolher a porcentagem de páginas percorridas ou minutos gastos no seu site como gatilhos.

Em seguida, você também pode mudar para a aba ‘Móvel’ para configurar as configurações de exibição do chat para telefones celulares.

Depois de fazer isso, basta clicar no botão ‘Salvar’ para armazenar suas alterações.

Agora, mude para a aba ‘Opções’ no topo para configurar configurações gerais como texto da mensagem de atraso, tempo limite da sessão, mensagem de erro genérica, idioma do bot, disponibilidade e muito mais.

Depois disso, clique no botão ‘Salvar’ para armazenar suas configurações. Por fim, ative o interruptor no topo para ativar seu chatbot em seu site.

Agora, você pode visitar seu site WordPress para ver seu chatbot em ação.

Assim era como aparecia em nosso site de demonstração.

Bônus: Adicionar Chat ao Vivo ao Seu Site WordPress

O chat ao vivo é uma ferramenta de comunicação que permite aos visitantes conversar com um membro da sua equipe de suporte ao cliente através de uma janela de chat em seu site.

É uma forma super popular de se conectar com os clientes e tem um nível de satisfação de 73%, que é muito maior do que o suporte por e-mail, telefone e SMS.

Adicionar chat ao vivo à sua loja WooCommerce permitirá que os clientes obtenham ajuda de forma rápida e fácil, sem ter que esperar na linha ou enviar um e-mail. 

Isso reduz a taxa de rejeição, aumenta as vendas e até permite que você colete feedback dos usuários.

Você pode facilmente adicionar este recurso ao seu site usando LiveChat, que é o melhor software de suporte por chat ao vivo para WordPress.

Ele vem com modelos de chat ao vivo pré-fabricados, chat em tempo real, múltiplos canais de suporte, respostas prontas, transcrições de chat, análises de chat e muito mais.

Além disso, ele se integra com ferramentas como WooCommerce, HubSpot, ChatBot, Constant Contact e Mailchimp.

Para instruções detalhadas, você pode ver nosso tutorial passo a passo sobre como adicionar chat ao vivo gratuito no WordPress.

Esperamos que este artigo tenha ajudado você a aprender como adicionar facilmente um chatbot no WordPress. Você também pode querer ver nosso guia sobre como adicionar documentação no WordPress e nossas principais escolhas de melhor software de help desk para pequenas empresas.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.