Imagine transformar seu site de associação do WordPress em uma comunidade on-line saudável em que os membros possam se conectar, colaborar e criar relacionamentos valiosos com facilidade. Muitos de nossos leitores usam um diretório de membros pesquisável para ajudar a alcançar esse objetivo.
Um diretório de membros oferece um hub central para perfis de membros que pode criar um senso de pertencimento e incentivar o envolvimento. Os novos membros se sentirão bem-vindos e conectados, enquanto os membros existentes poderão encontrar e se relacionar rapidamente com pessoas que pensam da mesma forma.
Este artigo mostrará como criar um diretório de membros pesquisável no WordPress, permitindo que você adicione um novo senso de comunidade ao seu site de associação.
Por que criar um diretório de membros pesquisável no WordPress?
Um site de associação geralmente reúne usuários que compartilham interesses comuns. Você pode criar um senso de comunidade em seu site WordPress facilitando a comunicação entre os membros sobre seus interesses em comum.
Você pode fazer isso criando um diretório de membros. Essa é uma lista pesquisável dos membros de seu site. Ela permite que seus membros vejam os perfis e os detalhes de contato de outros membros.
Isso aumentará a credibilidade de seu site e o tornará mais valioso para seus membros. Isso pode até ajudar seus membros a se sentirem importantes e reconhecidos.
No entanto, para proteger a privacidade deles, talvez você queira exigir que cada membro opte por participar antes que suas informações pessoais sejam exibidas no diretório.
Se você ainda não criou seu site de associação, siga nosso guia definitivo sobre como criar um site de associação no WordPress.
Embora você possa usar qualquer método para criar um site de associação, recomendamos o plug-in MemberPress. Ele oferece recursos avançados de associação e se integra bem ao complemento Formidable Forms Directory usado neste tutorial.
Como criar um diretório de membros pesquisável no WordPress
A melhor maneira de criar um diretório de membros é usar o plug-in Formidable Forms. Ele vem com recursos avançados que permitem formatar, filtrar e exibir dados enviados pelos usuários no front-end do seu site, inclusive as informações de perfil dos membros.
É um dos melhores plug-ins de registro de usuário para WordPress no mercado e pode ajudá-lo a criar facilmente um diretório de membros usando um complemento. Além disso, ele se integra ao MemberPress para lhe dar controle total sobre a aparência e a funcionalidade do seu diretório.
Você pode usar o Formidable Forms para criar um formulário de perfil em que os membros possam inserir suas informações e optar por participar do diretório. Você também pode usá-lo para exibir o próprio diretório de membros pesquisável.
Além disso, você também poderá usar o Formidable Forms para todos os tipos de outras finalidades em seu site, como criar um formulário de reserva ou diretório da Web, permitir que seus clientes solicitem uma cotação e muito mais.
Com isso em mente, vamos ver como criar um diretório de membros pesquisável usando o plug-in Formidable Forms.
1. Instalação do Formidable Forms em seu site de associação
A primeira coisa que você precisa fazer é instalar e ativar o Formidable Forms Lite, que é a versão gratuita do plug-in. O Formidable Forms Lite funciona como base para os recursos avançados da versão Pro.
Para obter mais detalhes, você pode ler nosso guia sobre como instalar um plug-in do WordPress.
Em seguida, você precisará visitar a página do Formidable Directory e clicar no botão “Get Formidable Directory”. Em seguida, será solicitado que você compre o plano Elite, que inclui o complemento Directory.
Antes de sair do site do Formidable, você precisará copiar sua chave de licença. Você pode encontrá-la clicando em “Account” (Conta) na parte superior da página.
Agora, volte ao seu site e navegue até Formidable ” Global Settings. Lá, basta clicar no link que diz “Clique para inserir uma chave de licença manualmente” para colar sua chave de licença e, em seguida, clicar no botão “Save License”.
Agora você está pronto para criar um diretório de membros no WordPress.
2. Criação do aplicativo Formidable Member Directory
Em seguida, você deve navegar até Formidable ” Aplicativos na barra lateral de administração do WordPress. Essa página mostrará os modelos de aplicativos disponíveis.
Uma vez lá, você precisa encontrar o aplicativo Member Directory e clicar no botão “+ Add” para instalá-lo.
Isso abrirá uma janela pop-up que descreve o aplicativo Member Directory.
Basta clicar no botão “Install Application” (Instalar aplicativo) para continuar.
Em seguida, você será solicitado a dar um nome ao aplicativo.
Para este tutorial, deixaremos o nome padrão, “Member Directory”, e clicaremos no botão “Install Application” (Instalar aplicativo) para continuar.
O Formidable Forms agora criará as páginas, os formulários e as exibições necessárias para seu diretório de membros.
As páginas são salvas como rascunhos, para que você possa personalizá-las antes de serem publicadas.
Agora você precisa clicar no botão “Open Application” (Abrir aplicativo). Isso abrirá a página do aplicativo Member Directory, onde você poderá personalizar e publicar seu diretório.
Agora você criou um formulário “User Directory Profile” (Perfil do diretório de usuários) que seus membros podem preencher na página “Add a Member” (Adicionar um membro).
Há também uma página “Diretório de membros”, na qual é possível visualizar o diretório em uma exibição de tabela ou de grade.
3. Personalização do formulário de perfil de membro e da página “Adicionar um membro
Em seguida, talvez você queira adicionar ou remover alguns campos do formulário “Perfil do diretório de usuários”. Esse é o formulário que seus membros devem preencher para serem incluídos no diretório.
Talvez você também queira adicionar algumas instruções à página em que o formulário de perfil é exibido antes de publicá-lo.
Personalização do formulário “Perfil do diretório do usuário
O formulário “User Directory Profile” contém todos os campos necessários para a maioria dos perfis de membros. Você pode personalizá-lo clicando no link “User Directory Profile” ou passando o mouse sobre ele e clicando em “Edit”.
Isso abrirá o editor de formulários. Você verá uma visualização do formulário à direita e os campos disponíveis à esquerda.
O formulário inclui detalhes de contato, links sociais e muito mais. Alguns dos campos serão preenchidos automaticamente usando informações do perfil de usuário do WordPress do membro. Isso inclui seu nome, endereço de e-mail e biografia.
Para adicionar novos campos, basta arrastá-los para o formulário a partir da coluna “Add Fields” (Adicionar campos), à esquerda.
Você pode alterar as opções de um campo clicando nele. Isso abrirá a guia “Field Options” (Opções de campo) à esquerda, na qual você poderá personalizar o campo alterando suas configurações.
Você encontrará opções para o valor padrão do campo na seção “Avançado”. Aqui você pode escolher o valor padrão em uma lista de tags inteligentes. Isso utilizará as informações que o usuário já adicionou ao seu perfil do WordPress para que não seja necessário inseri-las duas vezes.
Ao rolar até a parte inferior do formulário, você perceberá que ele já inclui campos para links sociais e uma opção em que o membro pode optar por ser incluído no diretório.
Quando terminar de personalizar o formulário, basta clicar no botão “Save Profile” (Salvar perfil) para armazenar suas alterações.
Personalização da página “Adicionar um membro
Em seguida, você precisará personalizar e publicar a página “Adicionar um membro” que exibirá o formulário de perfil em seu site.
Talvez seja necessário navegar de volta para Formidable ” Aplicativos ” Diretório de membros para ver a página. Em seguida, basta clicar no link “Adicionar um membro” ou passar o mouse sobre ele e clicar em “Editar”.
Isso abrirá a página “Adicionar um membro” no editor de conteúdo do WordPress. Ela contém apenas o título da página e o formulário do Formidable que você acabou de ver.
Se desejar, você pode dar à página um título diferente, como “Join Our Member Directory”.
Se você quiser adicionar algumas instruções antes do formulário, clique no título da página e pressione a tecla Enter. Isso criará um novo bloco no qual você poderá digitar essas instruções.
Quando estiver satisfeito com a página, basta clicar no botão “Publish” (Publicar) na parte superior da tela para colocar a página no ar em seu site.
4. Personalização da página “Diretório de membros
Agora você pode personalizar e publicar o próprio diretório de membros. Você precisará escolher se deseja exibir os membros em uma grade ou tabela. Em seguida, você também deve publicar a página para que ela fique visível em seu site.
Personalização da página “Diretório de membros
Primeiro, volte para Formidable ” Aplicativos e clique no seu aplicativo de diretório de membros.
Você precisará publicar o rascunho da página “Diretório de membros”. No entanto, antes de fazer isso, você pode decidir se essa página deve exibir o diretório em formato de grade ou de tabela.
Basta clicar na página “Diretório de membros” para abri-la no editor do WordPress.
A página contém apenas o título e o seguinte shortcode que exibe o diretório:
[display-frm-data id=dir-two-col-grid]
Por padrão, o shortcode exibirá o diretório em uma grade de duas colunas.
Você pode visualizar a página para ver como ela ficará.
Como alternativa, você pode exibir o diretório de membros em um formato de tabela.
Para fazer isso, você precisará usar este shortcode:
[display-frm-data id=dir-table-listing-view]
Você pode visualizar a página novamente para ver as alterações.
Desta vez, cada membro será exibido em uma única linha com suas informações em colunas.
Qualquer que seja o shortcode escolhido, ao clicar em “View Profile” (Exibir perfil), você verá informações mais detalhadas sobre esse membro.
Esta é a aparência em nosso site de demonstração.
Se desejar, você pode acrescentar conteúdo adicional à página. Não se esqueça de clicar no botão “Publish” (Publicar) para colocar o diretório de membros em seu site quando terminar.
Adição das páginas do diretório de membros ao seu menu de navegação
Você pode tornar mais fácil para seus membros encontrar ou participar do diretório adicionando as páginas “Add a Member” (Adicionar um membro) e “Member Directory” (Diretório de membros) ao menu de navegação do seu site.
Basta seguir nosso guia sobre como adicionar posts específicos ao menu de navegação do WordPress.
Restringir o diretório de membros somente a membros
Além disso, dependendo do tipo de site de associação que você tem, talvez queira que apenas os membros conectados possam ver as páginas “Adicionar um membro” e “Diretório de membros”.
Se for esse o caso, você precisará criar uma regra para que somente os membros tenham acesso às páginas.
Mostramos como fazer isso passo a passo em nosso guia definitivo sobre a criação de um site de associação do WordPress. Você só precisa rolar a tela para baixo e ler a Etapa 6 para saber como criar uma regra do MemberPress e a Etapa 7 para saber como adicionar conteúdo somente para membros.
5. Exclusão dos dados de amostra em seu diretório de membros
Seu diretório de membros contém os dados de amostra que você pode ver nas capturas de tela usadas neste tutorial. Isso é útil ao configurar seu diretório de membros porque permite que você veja como os perfis ficarão.
Porém, depois de concluir a configuração do diretório, você precisará excluir os dados de amostra.
Você precisa voltar ao Formidable ” Aplicativos ” Diretório de membros e clicar no formulário “Perfil do diretório de usuários”.
Quando o editor do Formidable for aberto, clique na guia “Entries” (Entradas) na parte superior da tela para visualizar as entradas de amostra.
Muito provavelmente, as únicas entradas listadas serão os quatro membros da amostra. Nesse caso, basta clicar no botão “Delete All Entries” (Excluir todas as entradas) na parte superior da tela. Todos os membros listados serão excluídos.
No entanto, se alguns de seus membros reais já tiverem criado perfis, você deverá selecionar as entradas de amostra manualmente.
Para fazer isso, você precisará clicar na caixa de seleção ao lado de cada membro da amostra. Em seguida, clique no botão “Ações em massa” na parte superior da lista e selecione “Excluir” no menu suspenso.
Por fim, clique no botão “Aplicar” para excluir os dados de amostra. Seu diretório de membros agora conterá apenas perfis de seus membros reais.
Guias especializados sobre sites de associação do WordPress
Esperamos que este tutorial tenha ajudado você a aprender como criar um diretório de membros pesquisável no WordPress. Talvez você também queira ver alguns outros artigos relacionados à criação de sites de associação no WordPress:
- Guia definitivo para criar um site de associação no WordPress
- Como permitir o registro de usuários no seu site WordPress
- Como restringir o conteúdo a usuários registrados no WordPress
- Como criar uma loja WooCommerce somente para membros (passo a passo)
- Qual é o custo para iniciar um site de associação?
- Os melhores exemplos de sites de associação que você deve conferir
- Como rastrear a jornada do cliente usando o MemberPress (passo a passo)
- Melhores plug-ins de associação do WordPress (comparados)
- Melhores temas WordPress para sites de associação
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Tem alguma dúvida ou sugestão? Deixe um comentário para iniciar a discussão.