Como construir um site comunitário com bate-papo usando BuddyPress e AtomChat

Procurando uma maneira de criar um site comunitário usando o WordPress?

Construir sua própria comunidade é uma ótima maneira de aumentar um público engajado e criar um espaço online que você possui.

Se você criar um grupo no Facebook, você está expandindo a plataforma do Facebook. Mas quando você cria seu próprio site de comunidade, você possui a plataforma.

Neste guia passo a passo, você aprenderá como criar um site da comunidade WordPress usando o plug-in BuddyPress gratuito e de código aberto.

No entanto, embora o BuddyPress inclua todos os principais recursos necessários para uma comunidade, não é suficiente se você deseja criar algo realmente envolvente.

Para corrigir isso, você aprenderá ainda mais como melhorar o envolvimento da comunidade do seu site usando outros plug-ins, como um plug-in de bate-papo BuddyPress como o AtomChat.

Vamos cavar!

Um exemplo do site da comunidade que você poderá construir

Antes de chegar ao tutorial, deixe-me dar um exemplo rápido dos tipos de sites da comunidade que você poderá criar seguindo este guia.

Primeiro, você poderá criar uma página que lista todos os membros do seu site:

Os usuários podem adicionar uma amizade dessa página ou abrir o perfil completo do membro para ver mais detalhes, como o fluxo de atividades desse usuário.

Para facilitar as conversões, você poderá adicionar bate-papo em tempo real usando o AtomChat. Os membros podem conversar com outros usuários por texto por padrão, mas você também pode ativar o bate-papo por áudio e/ou vídeo:

Para criar subcomunidades com seu site, os usuários podem criar e participar de seus próprios grupos de usuários. O AtomChat também permitirá que os membros do grupo conversem dentro do grupo em tempo real, incluindo chamadas de áudio ou vídeo em grupo, se ativado.

Esta é apenas uma aparência de alto nível para dar uma ideia do que você pode construir. Em sua própria comunidade, você terá várias configurações adicionais para personalizá-la ao seu gosto.

Como construir um site comunitário

Agora, vamos entrar no guia passo a passo de como você pode criar um site de comunidade usando o WordPress.

Para este guia, vamos supor que você já seja capaz de criar uma nova instalação do WordPress em sua hospedagem. A partir daí, guiaremos você pelas outras etapas necessárias para criar seu site da comunidade WordPress.

1. Escolha um tema focado na comunidade

Para começar, você deve escolher um tema WordPress otimizado para sites da comunidade.

Por causa da popularidade do BuddyPress, você pode encontrar muitos ótimos temas do BuddyPress. Aqui estão dois exemplos para você começar:

• BuddyX
• Astra

Para este exemplo, usaremos o tema BuddyX gratuito.

Você pode encontrar mais navegando nos mercados temáticos:

• Temas BuddyPress no WordPress.org
• Temas BuddyPress no ThemeForest

2. Configure o BuddyPress

Depois de ter seu tema, você está pronto para instalar e ativar o plug-in BuddyPress gratuito do WordPress.org.

Ativar componentes

Depois de ativar o plug-in, vá para Configurações → BuddyPress para definir suas configurações.

Primeiro, você deve escolher quais “componentes” habilitar, que são os recursos principais. Por exemplo, conexões de amigos e fluxos de atividades.

Escolha as opções que fazem sentido para sua comunidade. Na próxima seção, você aprenderá como estender essa funcionalidade, como configurar um plug-in de bate-papo BuddyPress.

Configurar opções

Em seguida, vá para a guia Opções para configurar algumas funcionalidades básicas para sua comunidade:

E é isso para a configuração básica! Agora você tem um site comunitário funcional, embora básico.

Agora, é hora de aprimorá-lo com recursos para criar uma experiência melhor para os membros da sua comunidade.

3. Adicione recursos ao BuddyPress para melhorar o engajamento

BuddyPress atua como a base do site da sua comunidade.

No entanto, o BuddyPress por si só provavelmente não é suficiente se você deseja criar uma comunidade vibrante, pois falta alguns dos recursos que seus usuários esperam.

Vamos falar sobre como adicionar três recursos úteis para criar um site de comunidade mais envolvente:

1. Bate-papo em tempo real (muito parecido com como os usuários do Facebook podem conversar uns com os outros).
2. Gamificação para incentivar os usuários a interagir mais.
3. Automação, como postar automaticamente no feed de atividades quando um usuário conclui uma determinada ação.

Bate-papo em tempo real (incluindo bate-papo em grupo)

Uma grande área onde você pode melhorar o BuddyPress é a comunicação entre os membros.

Embora os usuários possam enviar mensagens privadas uns aos outros, não há opção para bate-papo em tempo real... o que parece que você está forçando as pessoas a voltarem aos fóruns desde o início.

Os usuários passaram a esperar mais métodos de comunicação em tempo real. Por exemplo, o Facebook há muito tempo tem mensagens ao vivo fáceis e até o Reddit adicionou um sistema de bate-papo ao vivo.

Para configurar isso, você pode usar um plug-in de bate-papo BuddyPress como o AtomChat. O AtomChat adiciona bate-papos de texto individuais à sua comunidade, juntamente com bate-papos em grupo para seus grupos de usuários do BuddyPress.

Você também pode ativar o bate-papo por áudio e vídeo se quiser oferecer aos membros ainda mais maneiras de se envolver.

Veja como configurá-lo…

Instalar e conectar-se ao AtomChat

Para começar, instale e ative o plug-in gratuito AtomChat do WordPress.org no site da sua comunidade.

Em seguida, vá para a nova guia AtomChat no painel do WordPress e adicione sua chave de licença AtomChat:

Você pode obter sua chave de licença registrando-se em uma conta AtomChat. O AtomChat é um serviço pago, mas você terá uma avaliação gratuita de 15 dias.

Ao se registrar no AtomChat, você será solicitado a inserir o nome de domínio do site da sua comunidade em um assistente de integração simples:

Você verá sua chave de licença, que é o que você precisa adicionar às configurações do plug-in em seu painel do WordPress. Você também pode encontrá-lo visitando a página de licenças em sua conta do AtomChat.

Depois de adicionar a chave de licença, você também precisará adicionar sua chave de autenticação e a chave de API.

Você pode encontrá-los no painel de administração do AtomChat:

Definir as configurações do AtomChat

Neste ponto, seu bate-papo em tempo real do BuddyPress já está ativo. Você pode testá-lo abrindo o frontend do seu site e iniciando um bate-papo:

Para configurar a funcionalidade de bate-papo em tempo real, você pode abrir as configurações do plug-in acessando a guia AtomChat em seu painel.

Por exemplo, o AtomChat mostrará apenas os amigos de um usuário na lista de contatos de bate-papo por padrão. No entanto, você pode alterar isso para mostrar todos os membros, se preferir:

Para configurar outros detalhes, como combinar a marca com o seu site ou alterar os sons de notificação, você pode usar o painel do AtomChat na nuvem:

Você também pode habilitar novos recursos na guia Recursos . Por exemplo, bate-papo por áudio, bate-papo por vídeo, envio de arquivos e muito mais:

Gamificação

Outra área em que você pode aumentar o engajamento é adicionar gamificação à sua comunidade. Você pode configurar isso usando um plugin como o myCred, que possui integrações dedicadas com o BuddyPress.

Você também pode integrar o AtomChat ao myCred, o que oferece mais oportunidades de gamificação.

Automação

As automações oferecem outra maneira de aumentar o engajamento enviando e-mails, adicionando tags aos usuários para personalização e praticamente qualquer outra coisa.

Por exemplo, com base na ação de um usuário, você pode acionar e-mails personalizados, mensagens privadas, status de atividades e muito mais.

Para configurar isso, você pode usar um plugin como o Uncanny Automator.

Crie seu site da comunidade WordPress hoje

Neste ponto, você tem um site da comunidade em pleno funcionamento, completo com recursos envolventes, como bate-papo em tempo real para mensagens e grupos individuais.

Para recapitular, aqui está tudo o que você precisa fazer para criar um site da comunidade:

1. Escolha um tema WordPress compatível com BuddyPress.
2. Instale e configure o plug-in BuddyPress.
3. Expanda o plug-in principal com novos recursos, como um plug-in de bate-papo BuddyPress, como o AtomChat.

Claro, há mais um passo – adicionar membros! Para lidar com isso, confira nosso guia para aumentar o tráfego do site.

Assim que começar a atrair membros para o seu site, você terá uma comunidade vibrante onde os membros podem se tornar amigos, criar grupos e conversar uns com os outros em tempo real por meio de texto, áudio ou vídeo.

Você ainda tem alguma dúvida sobre como construir um site da comunidade WordPress com BuddyPress e AtomChat? Deixe-nos saber nos comentários!