Como Criar Salas de Chat no WordPress para Seus Usuários (2 Métodos)

Construir uma comunidade online próspera pode transformar seu site, mas a maioria das soluções de chat cria mais problemas do que resolve. Muitos proprietários de sites aprendem isso da maneira mais difícil quando começam a experimentar salas de chat – toda opção parece exigir pagamentos mensais caros ou força você a enviar visitantes para plataformas externas.

É exatamente por isso que testamos todas as opções mais populares e encontramos soluções de salas de chat que realmente funcionam para proprietários de sites WordPress.

Veja como adicionar uma sala de chat envolvente e auto-hospedada ao seu site WordPress sem assinaturas mensais caras, dependendo de serviços de terceiros ou enviando seus usuários para clientes de chat externos como Slack ou Discord.

Por que adicionar uma sala de chat no WordPress?

Se você administra um site de membros ou um fórum online, então você pode querer criar uma sala de chat de mensagens instantâneas para seus usuários.

Alguns proprietários de sites optam por usar um serviço de terceiros como Slack, WhatsApp, grupos do Facebook ou Discord. No entanto, esses métodos afastam as pessoas do seu site, então são más notícias para suas pageviews e taxa de rejeição. Além disso, você não tem controle total sobre a experiência de chat.

Ao incorporar uma sala de bate-papo em seu site, você pode manter as pessoas por mais tempo e construir um senso de comunidade mais forte. Melhor ainda, ao criar uma sala de bate-papo auto-hospedada, você pode evitar taxas de assinatura contínuas e caras.

Dito isso, vamos ver como adicionar uma sala de bate-papo ao seu blog ou site WordPress. Simplesmente use os links rápidos abaixo para pular direto para o método que você deseja usar:

• Método 1. Usando Simple Ajax Chat (Plugin Gratuito para WordPress)
• Método 2. Usando BuddyBoss (Melhor para Construir Comunidades Online)
• Guias Bônus

Método 1. Usando Simple Ajax Chat (Plugin Gratuito para WordPress)

Você quer adicionar uma sala de bate-papo simples ao seu site sem ter que orçar um plugin premium para WordPress ou uma assinatura contínua? Simple Ajax Chat permite que você adicione uma sala de bate-papo simples e auto-hospedada a qualquer página, postagem ou área pronta para widgets sem ter que pagar um centavo.

Ele também permite restringir o acesso a usuários logados ou até mesmo criar uma sala de bate-papo totalmente aberta ao público. Para mais detalhes, veja nossa análise do Simple Ajax Chat.

Passo 1. Configure o Simple Ajax Chat

Primeiro, você precisará instalar e ativar o plugin. Se precisar de ajuda, consulte nosso guia sobre como instalar um plugin do WordPress.

Após a ativação, vá para Configurações » Simple Ajax Chat para configurar sua sala de chat.

Para começar, clique para expandir a seção ‘Configurações do Plugin’ e, em seguida, altere o ‘Nome padrão’ para o que desejar.

Você também pode digitar uma ‘Mensagem padrão’, que aparecerá na primeira vez que alguém visitar sua sala de chat.

Em seguida, você pode decidir se os usuários precisam estar logados para usar a sala de chat. Exigir registro de usuário pode ajudar a combater spam e trolls, mas uma sala de chat pública pode atrair mais usuários.

Para tomar essa decisão, marque ou desmarque a caixa ao lado de ‘Exigir que os usuários estejam logados para visualizar e usar a caixa de chat.’

Você também pode querer marcar a caixa ao lado de ‘Nome de usuário logado’ para que o WordPress mostre o nome de usuário da pessoa no chat.

Outra opção é permitir que visitantes não registrados leiam o chat, mas não interajam.

Pessoas que gostam do que veem podem criar uma conta para participar da conversa, então você pode querer marcar a caixa ao lado de ‘Exibir mensagens de chat como somente leitura’.

Etapa 2. Personalize sua sala de chat

Com isso feito, você pode personalizar a sala de chat. Por exemplo, você pode adicionar seu próprio logotipo, cores personalizadas e marca. Este é um grande benefício ao escolher uma solução auto-hospedada como o Simple Ajax Chat, em comparação com uma plataforma separada como o Discord.

Para fazer essas alterações, basta usar as configurações nas caixas ‘Horários e Cores’ e ‘Aparência’.

Você também pode substituir o ícone de notificação padrão por sua própria imagem. Por exemplo, você pode usar seu logotipo, ícone ou qualquer outra imagem que você criou usando software de design web como o Canva.

Para adicionar seu próprio gráfico, encontre o campo ‘Ícone de notificação padrão’ e clique em ‘Upload’.

Agora você pode escolher uma imagem da biblioteca de mídia do WordPress ou fazer o upload de um arquivo do seu computador.

Se você fizer alguma alteração nesta seção, não se esqueça de clicar em ‘Salvar configurações’.

Etapa 3. Adicione recursos de moderação

Depois disso, você pode clicar para expandir a seção ‘Frases banidas’ e digitar quaisquer palavras que nunca deveriam aparecer em seu chat. Este pode ser o nome de um concorrente, palavras ofensivas ou qualquer outra coisa que possa prejudicar a experiência do visitante e sua reputação.

Como é uma solução auto-hospedada, você tem controle total sobre as palavras que deseja ver e as palavras que não têm lugar em sua comunidade.

Simplesmente separe cada palavra com uma vírgula.

Novamente, não se esqueça de clicar em ‘Salvar configurações’ para armazenar suas alterações.

Existem muitas outras configurações para explorar, então vale a pena dar uma olhada nelas e ver quais alterações você pode fazer. No entanto, isso é tudo que você precisa para criar uma sala de chat simples, então vamos ver como você pode adicioná-la ao seu site WordPress.

Etapa 4. Exiba sua sala de chat no WordPress

O Simple Ajax Chat permite que você controle exatamente onde exibe suas salas de chat, para que possa adicioná-las a qualquer página, postagem ou área pronta para widgets.

Quando estiver satisfeito com a configuração da sala de chat, role para baixo até a área Shortcode & Template Tag e clique para abri-la. Aqui, você verá o shortcode que você pode usar.

Para adicionar a sala de chat a uma página, basta ir em Páginas » Adicionar Nova no painel do WordPress.

Agora você pode digitar um título, carregar uma imagem destacada, adicionar categorias e tags, além de qualquer outro conteúdo que você queira mostrar na página.

Você pode até ir um passo além e adicionar uma pesquisa de feedback de experiência do usuário usando um plugin como o UserFeedback.

Isso ajuda você a obter sugestões e ideias valiosas sobre como melhorar sua sala de chat.

Essa flexibilidade é mais um motivo pelo qual sempre recomendamos o uso de um plugin como o Simple Ajax Chat, em comparação com softwares rígidos de terceiros.

Para incorporar sua sala de chat, clique no sinal de ‘+’ e depois digite ‘Shortcode’. Agora você pode selecionar o bloco correto quando ele aparecer.

Depois disso, basta adicionar o shortcode [sac_happens] ao bloco Shortcode.

Agora você pode clicar em ‘Publicar’ ou ‘Atualizar’ para tornar a sala de chat ativa.

Outra opção é adicionar a sala de chat a uma área pronta para widgets. Esta é uma maneira fácil de exibir a janela de chat em várias páginas.

Se você estiver usando um dos temas mais recentes baseados em blocos baseados em blocos, então você pode até adicionar a sala de chat a áreas do seu site que você não pode editar usando o editor de conteúdo padrão do WordPress.

Para instruções passo a passo, consulte nosso guia sobre como adicionar e usar widgets.

Não importa como você adicione a sala de chat ao WordPress, é importante verificar se ela fica boa e funciona corretamente em todos os dispositivos, testando a versão mobile do seu site.

Para mais informações sobre este tópico, consulte nossas dicas de especialistas sobre como criar um site amigável para dispositivos móveis.

Método 2. Usando BuddyBoss (Melhor para Construir Comunidades Online)

Quer criar uma comunidade online próspera que faça as pessoas voltarem sempre? Salas de chat são um ótimo começo, mas são apenas uma parte da construção de uma comunidade digital de sucesso.

É aí que entram recursos poderosos como perfis de membros, diretórios pesquisáveis, fóruns, grupos sociais e feeds de atividades.

A boa notícia? Você não precisa juntar um monte de plugins diferentes para oferecer esse tipo de experiência. BuddyBoss tem todos esses recursos – e mais. 

BuddyBoss é a melhor plataforma de construção de comunidades WordPress do mercado. Na verdade, temos até uma análise completa do BuddyBoss que descreve todos os motivos pelos quais é o nosso plugin de comunidade favorito. 

Neste guia, mostraremos como adicionar mensagens ao vivo ao seu site usando BuddyBoss.

 Para mais informações sobre como usar outros recursos sociais, consulte nosso guia sobre como criar sua própria comunidade privada com o WordPress.

Passo 1. Crie uma Conta Pusher

O BuddyBoss pode adicionar mensagens ao vivo ao seu site usando Pusher Channels, que é um serviço que permite aos usuários se comunicarem em tempo real. 

Antes de começarmos com o BuddyBoss, você precisará criar uma conta Pusher. Felizmente, o Pusher tem um plano gratuito que permite enviar até 200 mil mensagens por dia, o que deve ser suficiente para a maioria dos blogs WordPress e sites. No entanto, se você precisar fazer um upgrade, poderá enviar até 1 milhão de mensagens por dia por US$ 49 por mês.

Para começar, acesse o site do Pusher e clique no botão 'Sign up'.

Em seguida, siga as instruções na tela para criar sua conta gratuita. 

Com isso feito, você será redirecionado automaticamente para o painel do Pusher. Nesta tela, clique no botão 'Get started' em 'Channels'.

Agora você pode digitar um nome para seu aplicativo Pusher. Isso representará o aplicativo em seu painel do Pusher, então é uma boa ideia usar algo descritivo.

Você também pode selecionar um Cluster, que é a localização física dos servidores que lidarão com as solicitações do seu aplicativo Pusher. Ao escolher um local, lembre-se de que as regulamentações europeias de proteção de dados especificam que dados pessoais do usuário não podem sair das fronteiras da UE. 

Também faz sentido escolher um local geograficamente próximo de seus usuários ou de seus próprios servidores. Isso reduzirá o atraso que pode ocorrer ao enviar e receber mensagens. 

Para escolher um local, abra o menu suspenso ‘Selecionar um cluster’ e escolha uma opção na lista. 

Com isso feito, clique em ‘Criar aplicativo’.

Para finalizar a configuração do aplicativo, selecione ‘Configurações do aplicativo’ no menu do lado esquerdo. Em seguida, role até a seção ‘Ativar eventos do cliente’ e clique para ativar seu interruptor.

Em seguida, role até a seção ‘Ativar conexões autorizadas’.

Mais uma vez, clique para ativar este interruptor.

Seu aplicativo agora está funcionando, então clique em ‘Chaves do aplicativo’ no menu do lado esquerdo. Isso contém todas as informações que você precisará adicionar ao seu plugin BuddyBoss.

Com isso em mente, deixe esta tela aberta em uma aba separada durante os próximos passos.

Etapa 2. Instale os Plugins e o Tema BuddyBoss

Para configurar a mensagem ao vivo, você precisará do plugin principal BuddyBoss, do BuddyBoss Platform Pro e do tema BuddyBoss. Dito isso, acesse o site do BuddyBoss e inscreva-se no pacote Web ou em um Pacote.

Após concluir sua compra, você precisará instalar os plugins BuddyBoss e BuddyBoss Platform Pro em seu site. Para mais detalhes, consulte nosso tutorial sobre como instalar um plugin WordPress.

Quando solicitado, insira sua chave de licença do produto. Você pode encontrar essas informações em sua conta no site do BuddyBoss.

Em seguida, você precisará instalar o tema BuddyBoss que vem incluído em todos os pacotes Web e Pacote. 

Para instruções detalhadas passo a passo, consulte nosso guia sobre como instalar um tema WordPress. 

Passo 3. Habilitar Mensagens Privadas 

O BuddyBoss tem uma tonelada de recursos, então para facilitar as coisas, o plugin separa esses recursos em diferentes Componentes. Você pode habilitar ou desabilitar esses Componentes, dependendo dos recursos que você precisa.

Para fazer isso, acesse a página BuddyBoss » Componentes. 

Aqui, você verá todos os diferentes Componentes que você pode usar.

Como queremos adicionar mensagens ao vivo ao WordPress, encontre o componente Mensagens Privadas e clique em seu link 'Ativar'.

Passo 4. Integrar com Pusher Channel

Agora, você está pronto para vincular seu site WordPress e sua conta Pusher acessando BuddyBoss » Integrações. Aqui, clique no link ‘Pusher’. 

Agora você verá uma área onde pode adicionar seu ID e chaves do Pusher. 

Simplesmente copie cada informação da sua aba Pusher e cole-a no campo correspondente no seu painel WordPress.

Você também pode precisar alterar o campo ‘Pusher Cluster’ para que ele corresponda ao cluster selecionado na sua conta Pusher. 

Assim que isso for feito, clique em ‘Salvar Configurações’ no seu painel WordPress. Se tudo estiver funcionando bem, você verá uma mensagem verde ‘Conectado’ na parte superior da tela.

Você também verá um novo campo ‘Mensagens ao Vivo’.

Vá em frente e marque a caixa ao lado desta opção.

Finalmente, clique em ‘Salvar Configurações’ para armazenar suas alterações. 

Passo 5. Teste seu Chat ao Vivo 

É uma boa ideia testar o novo recurso de chat apenas para confirmar que tudo está funcionando bem. Para fazer isso, você precisa fazer login em duas contas de membros diferentes usando o modo anônimo no seu navegador.

Em seguida, vá para a página ‘Membros’ que o BuddyBoss cria automaticamente. Se você não tiver certeza de onde encontrar esta página, o BuddyBoss geralmente a cria em url-do-seu-site/members.

Nesta página, encontre a outra conta de membro que você está usando no seu teste e clique no botão ‘Enviar Mensagem’. 

Você deverá ver um ícone verde indicando que essa pessoa está online.

Vá em frente e digite uma mensagem, depois clique em ‘Enviar’.

Agora, se você mudar para a outra janela do seu navegador, deverá receber esta mensagem imediatamente sem precisar atualizar a aba.

Guias Bônus

Agora que você aprendeu como criar salas de chat no seu site, pode desejar aprender mais dicas para melhorar sua comunidade online e a experiência do usuário:

• Como Oferecer Cursos Online Baseados em Coortes — Aprendizagem em Grupo com WordPress
• Como Criar Sua Própria Comunidade Privada com WordPress
• Como Rastrear o Engajamento do Usuário no WordPress com o Google Analytics
• O Que É o Google Lighthouse? Como Ele Pode Melhorar a Experiência do Usuário do Seu Site?
• Como Obter Feedback de Design de Site no WordPress (Passo a Passo)
• Como fazer testes de regressão visual facilmente no WordPress

Esperamos que este artigo tenha ajudado você a aprender como criar salas de chat para seus usuários do WordPress. Você também pode conferir nossos guias sobre como adicionar botões de reação para aumentar o engajamento e como fazer uma auditoria de UX do seu site WordPress.

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.