Come creare una directory di membri ricercabili in WordPress

Pubblicato: 2023-04-26

Stai cercando di aggiungere una directory dei membri al tuo sito Web WordPress?

L'aggiunta di una directory al tuo sito di appartenenza può aiutarti ad aumentare il coinvolgimento della tua comunità. Incoraggia i nuovi membri a unirsi e rende facile per loro mettersi in contatto tra loro.

In questo articolo, ti mostreremo come creare una directory di membri ricercabili in WordPress.

How to Create a Searchable Member Directory in WordPress

Perché creare una directory di membri ricercabili in WordPress?

Un sito di appartenenza spesso riunisce utenti che condividono interessi comuni. Puoi creare un senso di comunità sul tuo sito Web WordPress facilitando la comunicazione tra i tuoi membri sui loro interessi condivisi.

Puoi farlo creando una directory di appartenenza. Questo è un elenco ricercabile dei membri sul tuo sito. Consente ai tuoi membri di vedere i profili e i dettagli di contatto di altri membri.

Member Directory Example

Ciò aumenterà la credibilità del tuo sito web e lo renderà più prezioso per i tuoi membri. Potrebbe persino aiutare i tuoi membri a sentirsi importanti e riconosciuti.

Tuttavia, per proteggere la loro privacy, potresti voler richiedere a ciascun membro di aderire prima che le loro informazioni personali vengano visualizzate nella directory.

Se non hai ancora creato il tuo sito di appartenenza, puoi seguire la nostra guida definitiva sulla creazione di un sito di appartenenza WordPress.

Sebbene sia possibile utilizzare qualsiasi metodo per creare un sito di appartenenza, consigliamo il plug-in MemberPress. Offre funzionalità di appartenenza avanzate e si integra bene con il componente aggiuntivo Formidable Forms Directory utilizzato in questo tutorial.

Come creare una directory di membri ricercabili in WordPress

Il modo migliore per creare una directory dei membri è utilizzare il plug-in Formidable Forms. Viene fornito con funzionalità avanzate che ti consentono di formattare, filtrare e visualizzare i dati inviati dagli utenti sul front-end del tuo sito Web, comprese le informazioni sul profilo dei tuoi membri.

È uno dei migliori plug-in di registrazione utente per WordPress sul mercato e può aiutarti a creare facilmente una directory dei membri utilizzando un componente aggiuntivo. Inoltre, si integra con MemberPress per darti il ​​controllo completo sull'aspetto e sulla funzionalità della tua directory.

Formidable Forms

Puoi utilizzare Formidable Forms per creare un modulo di profilo in cui i membri possono inserire le proprie informazioni e aderire alla directory. Puoi anche usarlo per visualizzare la stessa directory dei membri ricercabili.

Oltre a ciò, sarai anche in grado di utilizzare Formidable Forms per tutti i tipi di altri scopi sul tuo sito Web, come la creazione di un modulo di prenotazione o una directory Web, consentendo ai tuoi clienti di richiedere un preventivo e altro ancora.

Con questo in mente, vediamo come creare una directory di membri ricercabili utilizzando il plug-in Formidable Forms.

  1. Installazione di Formidable Forms sul tuo sito di appartenenza
  2. Creazione dell'applicazione Formidable Member Directory
  3. Personalizzazione del modulo del profilo del membro e della pagina "Aggiungi un membro".
  4. Personalizzazione della pagina "Directory membri".
  5. Eliminazione dei dati di esempio nella directory dei membri

1. Installazione di Formidable Forms sul tuo sito di appartenenza

La prima cosa che devi fare è installare e attivare Formidable Forms Lite, che è la versione gratuita del plugin. Formidable Forms Lite funge da base per le funzionalità avanzate della versione Pro.

Per maggiori dettagli, puoi leggere la nostra guida su come installare un plugin per WordPress.

Successivamente, dovrai visitare la pagina Formidable Directory e fare clic sul pulsante "Ottieni Formidable Directory". Ti verrà quindi richiesto di acquistare il piano Elite, che include il componente aggiuntivo Directory.

The Formidable Forms Directory Page

Prima di lasciare il sito Web di Formidable, dovrai copiare la tua chiave di licenza. Puoi trovarlo facendo clic su "Account" nella parte superiore della pagina.

Ora torna al tuo sito Web e vai a Formidabile »Impostazioni globali . Una volta lì, fai semplicemente clic sul collegamento che dice "Fai clic per inserire manualmente un codice di licenza" per incollare il codice di licenza, quindi fai clic sul pulsante "Salva licenza".

Enter Formidable Forms license key

Ora sei pronto per creare una directory dei membri in WordPress.

2. Creare la Formidable Member Directory Application

Successivamente, devi accedere a Formidable »Applicazioni dalla barra laterale di amministrazione di WordPress. Questa pagina ti mostrerà i modelli di applicazione disponibili.

Una volta lì, devi trovare l'applicazione Member Directory e fare clic sul pulsante "+ Aggiungi" per installarla.

Adding the Member Directory Application

Si aprirà un popup che descrive l'applicazione Directory membri.

Basta fare clic sul pulsante "Installa applicazione" per continuare.

Installing the Member Directory Application

Successivamente, ti verrà chiesto di assegnare un nome all'applicazione.

Per questo tutorial, lasceremo il nome predefinito, "Directory membri", quindi faremo clic sul pulsante "Installa applicazione" per continuare.

Naming the Member Directory Application

Formidable Forms ora creerà le pagine, i moduli e le visualizzazioni necessarie per la tua directory dei membri. Le pagine vengono salvate come bozze, quindi puoi personalizzarle prima che vengano pubblicate.

Opening the Member Directory Application

Ora devi fare clic sul pulsante "Apri applicazione". Verrà aperta la pagina dell'applicazione Elenco membri, in cui è possibile personalizzare e pubblicare la propria directory.

Ora hai creato un modulo "Profilo elenco utenti" che i tuoi membri possono compilare nella pagina "Aggiungi un membro".

C'è anche una pagina "Directory membri" in cui è possibile visualizzare la directory in una vista tabella o vista griglia.

3. Personalizzazione del modulo del profilo del membro e della pagina "Aggiungi un membro".

Successivamente, potresti voler aggiungere o rimuovere alcuni campi dal modulo "Profilo directory utenti". Questo è il modulo che i tuoi membri devono compilare per essere inclusi nella directory.

Potresti anche voler aggiungere alcune istruzioni alla pagina in cui viene visualizzato il modulo del profilo prima di pubblicarlo.

Personalizzazione del modulo 'Profilo directory utenti'

Il modulo 'User Directory Profile' contiene tutti i campi necessari per la maggior parte dei profili dei membri. Puoi personalizzarlo facendo clic sul collegamento "Profilo directory utente" o passando il mouse sopra di esso e quindi facendo clic su "Modifica".

Customizing the User Directory Profile Form

Questo aprirà l'editor di moduli. Vedrai un'anteprima del modulo sulla destra e dei campi disponibili sulla sinistra.

Il modulo include dettagli di contatto, link social e altro. Alcuni dei campi verranno compilati automaticamente utilizzando le informazioni dal profilo utente WordPress del membro. Ciò include il nome, l'indirizzo e-mail e la biografia.

The Formidable Form Editor

Per aggiungere nuovi campi, trascinali semplicemente sul modulo dalla colonna "Aggiungi campi" a sinistra.

È possibile modificare le opzioni di un campo facendo clic su di esso. Si aprirà la scheda "Opzioni campo" sulla sinistra, in cui è possibile personalizzare il campo modificandone le impostazioni.

Customizing the Email Address Field Options

Troverai le opzioni per il valore predefinito del campo nella sezione "Avanzate". Qui puoi scegliere il valore predefinito da un elenco di smart tag. Questo prenderà le informazioni che l'utente ha già aggiunto al proprio profilo WordPress in modo che non debba essere inserito due volte.

Quando scorri fino alla fine del modulo, noterai che include già campi per i link social e un'opzione in cui il membro può scegliere di essere incluso nella directory.

Click the Save Profile Button When Finished

Una volta terminata la personalizzazione del modulo, è sufficiente fare clic sul pulsante "Salva profilo" per memorizzare le modifiche.

Personalizzazione della pagina "Aggiungi un membro".

Successivamente, dovrai personalizzare e pubblicare la pagina "Aggiungi un membro" che visualizzerà il modulo del profilo sul tuo sito web.

Potrebbe essere necessario tornare a Formidable »Applicazioni» Directory dei membri per visualizzare la pagina. Quindi, fai semplicemente clic sul link "Aggiungi un membro" oppure passa il mouse sopra di esso e fai clic su "Modifica".

Opening the 'Add a Member' Page

Si aprirà la pagina "Aggiungi un membro" nell'editor di contenuti di WordPress. Contiene semplicemente il titolo della pagina e la forma Formidabile che stavi guardando.

Se lo desideri, puoi assegnare alla pagina un titolo diverso, ad esempio "Unisciti alla nostra directory dei membri".

Se desideri aggiungere alcune istruzioni prima del modulo, fai clic sul titolo della pagina e premi il tasto Invio. Questo creerà un nuovo blocco in cui puoi digitare quelle istruzioni.

Publishing the Add a Member Page

Quando sei soddisfatto della pagina, fai semplicemente clic sul pulsante "Pubblica" nella parte superiore dello schermo per pubblicare la pagina sul tuo sito web.

4. Personalizzazione della pagina "Elenco membri".

Ora puoi personalizzare e pubblicare la directory dei membri stessa. Sarà necessario scegliere se visualizzare i membri in una griglia o in una tabella. Quindi, devi anche pubblicare la pagina in modo che sia visibile sul tuo sito web.

Personalizzazione della pagina "Directory membri".

Innanzitutto, torna a Formidable »Applicazioni e fai clic sull'applicazione della directory dei membri.

Dovrai pubblicare la bozza della pagina "Elenco membri". Tuttavia, prima di farlo, puoi decidere se quella pagina deve visualizzare la directory in un formato griglia o tabella.

Editing the Member Directory Page

Basta fare clic sulla pagina "Directory membri" per aprirla nell'editor di WordPress.

La pagina contiene solo il titolo e il seguente shortcode che visualizza la directory:

[display-frm-data id=dir-two-col-grid]
Shortcode to Display the Directory as a Grid

Per impostazione predefinita, lo shortcode visualizzerà la directory in una griglia a due colonne.

Puoi visualizzare l'anteprima della pagina per vedere come apparirà.

Member Directory Displayed in a Grid

In alternativa, puoi visualizzare la tua directory dei membri in un formato tabellare.

Per farlo, dovrai invece utilizzare questo shortcode:

[display-frm-data id=dir-table-listing-view]
Shortcode to Display the Directory in a Table

Puoi visualizzare nuovamente l'anteprima della pagina per vedere le modifiche.

Questa volta ogni membro verrà visualizzato su un'unica riga con le informazioni in colonne.

Member Directory Displayed in a Table

Qualunque shortcode tu scelga, facendo clic su "Visualizza profilo" ti verranno mostrate informazioni più dettagliate su quel membro.

Viewing a Member Profile

Se lo desideri, puoi aggiungere contenuti aggiuntivi alla pagina. Assicurati solo di fare clic sul pulsante "Pubblica" per pubblicare la tua directory dei membri sul tuo sito web quando hai finito.

Aggiunta delle pagine della directory dei membri al menu di navigazione

Puoi rendere più facile per i tuoi membri trovare o iscriversi alla directory aggiungendo le pagine "Aggiungi un membro" e "Directory membri" al menu di navigazione del tuo sito web.

Segui semplicemente la nostra guida su come aggiungere post specifici al menu di navigazione di WordPress.

Limitazione della directory dei membri ai soli membri

Inoltre, a seconda del tipo di sito di appartenenza che possiedi, potresti volere che solo i membri che hanno effettuato l'accesso siano in grado di vedere le pagine "Aggiungi un membro" e "Elenco membri".

In tal caso, dovrai creare una regola in modo che solo i membri abbiano accesso alle pagine.

Ti mostriamo come farlo passo dopo passo nella nostra guida definitiva sulla creazione di un sito di appartenenza WordPress. Dovrai solo scorrere verso il basso e leggere il passaggio 6 per sapere come creare una regola MemberPress e il passaggio 7 per sapere come aggiungere contenuti riservati ai membri.

5. Eliminazione dei dati di esempio nella directory dei membri

La tua directory dei membri contiene i dati di esempio che puoi vedere negli screenshot utilizzati in questo tutorial. Questo è utile quando si imposta la directory dei membri perché ti consente di vedere come appariranno i profili.

Ma una volta terminata la configurazione della directory, sarà necessario eliminare i dati di esempio.

Devi tornare a Formidable »Applicazioni» Directory membri e fare clic sul modulo "Profilo directory utenti".

Una volta aperto l'editor di Formidable, fai clic sulla scheda "Voci" nella parte superiore dello schermo per visualizzare le voci di esempio.

Molto probabilmente, le uniche voci elencate saranno i quattro membri campione. In tal caso, fai semplicemente clic sul pulsante "Elimina tutte le voci" nella parte superiore dello schermo. Tutti i membri elencati verranno eliminati.

Deleting Sample Data From the Directory

Tuttavia, se alcuni dei tuoi membri reali hanno già creato profili, devi selezionare manualmente le voci di esempio.

Per fare ciò, dovrai fare clic sulla casella di controllo accanto a ciascun membro campione. Successivamente, fai clic sul pulsante "Azioni collettive" nella parte superiore dell'elenco e seleziona "Elimina" dal menu a discesa.

Infine, fai clic sul pulsante "Applica" per eliminare i dati del campione. La tua directory dei membri ora conterrà solo i profili dei tuoi membri reali.

Speriamo che questo tutorial ti abbia aiutato a imparare come creare una directory di membri ricercabili in WordPress. Potresti anche voler consultare la nostra guida su come creare e vendere corsi online con WordPress o le nostre scelte di esperti per i migliori moduli di contatto per WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per i video tutorial di WordPress. Puoi trovarci anche su Twitter e Facebook.