Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come creare una directory di membri ricercabile in WordPress

Immaginate di trasformare il vostro sito associativo WordPress in una sana comunità online in cui i membri possano facilmente connettersi, collaborare e costruire relazioni di valore. Molti dei nostri lettori utilizzano un elenco di membri ricercabili per raggiungere questo obiettivo.

Una directory dei membri fornisce un centro per i profili dei membri che può creare un senso di appartenenza e incoraggiare l’engagement. I nuovi membri si sentiranno accolti e connessi, mentre i membri esistenti potranno trovare rapidamente e fare rete con persone che la pensano allo stesso modo.

Questo articolo vi mostrerà come creare una directory di membri ricercabile in WordPress, consentendovi di aggiungere un nuovo senso di comunità al vostro sito web associativo.

How to Create a Searchable Member Directory in WordPress

Perché creare una directory di membri ricercabile in WordPress?

Un sito associativo spesso riunisce utenti che condividono interessi comuni. Potete creare un senso di Community sul vostro sito web WordPress rendendo facile per i vostri membri comunicare tra loro su chi è in condivisione.

È possibile farlo creando una directory dei membri. Si tratta di un elenco ricercabile dei membri del sito. Consente ai membri di vedere i profili e i dettagli di contatto degli altri membri.

Member Directory Example

Questo aumenterà la credibilità del vostro sito web e lo renderà più prezioso per i vostri membri. Può anche aiutare i vostri membri a sentirsi importanti e riconosciuti.

Tuttavia, per proteggere la loro privacy, potreste richiedere a ogni membro di acconsentire prima che le sue informazioni personali vengano visualizzate nella directory.

Se non avete ancora creato il vostro sito associativo, potete seguire la nostra guida definitiva sulla creazione di un sito associativo in WordPress.

Sebbene sia possibile utilizzare qualsiasi metodo per creare un sito associativo, consigliamo il plugin MemberPress. Offre caratteristiche avanzate per i membri e si integra bene con l’add-on Formidable Forms Directory utilizzato in questo tutorial.

Come creare una directory di membri ricercabile in WordPress

Il modo migliore per creare una directory di membri è utilizzare il plugin Formidable Forms. È dotato di caratteristiche avanzate che consentono di formattare, filtrare e visualizzare i dati inviati dagli utenti sul frontend del sito web, comprese le informazioni sul profilo dei membri.

È uno dei migliori plugin per la registrazione degli utenti per WordPress presenti sul mercato e può aiutarvi a creare facilmente una directory di membri utilizzando un add-on. Inoltre, si integra con MemberPress per darvi il controllo completo dell’aspetto e della funzionalità della vostra directory.

Formidable Forms

È possibile utilizzare Formidable Forms per creare un modulo di profilo in cui i membri possono inserire le loro informazioni e scegliere di entrare nella directory. Si può anche utilizzare per visualizzare la directory dei soci ricercabile.

Oltre a questo, potrete utilizzare Formidable Forms per tutti gli altri scopi richiesti sul vostro sito web, ad esempio per creare un modulo di prenotazione o una directory web, per consentire ai vostri clienti di richiedere un preventivo e altro ancora.

A questo proposito, vediamo come creare una directory di membri ricercabile utilizzando il plugin Formidable Forms.

1. Installazione dei moduli Formidable sul vostro sito associativo

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

Per saperne di più, potete leggere la nostra guida su come installare un plugin di WordPress.

Successivamente, dovrete visitare la pagina di Formidable Directory e fare clic sul pulsante “Ottieni Formidable Directory”. Verrà quindi richiesto di acquistare il piano Elite, che include l’add-on Directory.

The Formidable Forms Directory Page

Prima di lasciare il sito web di Formidable, è necessario copiare la chiave della licenza. La si può trovare facendo clic su “Account” in alto nella pagina.

A questo punto, ritornare al proprio sito web e navigare in Formidable ” Impostazioni globali. Una volta lì, fai clic sul collega “Clicca per inserire manualmente la chiave della licenza” per incollare la tua chiave di licenza e poi clicca sul pulsante “Salva licenza”.

Enter Formidable Forms license key

Ora siete pronti a creare una directory di membri in WordPress.

2. Creazione dell’applicazione Formidable Member Directory

Successivamente, si deve navigare su Formidable ” Applicazioni dalla barra laterale dell’amministrazione di WordPress. Questa pagina mostrerà i template di applicazione disponibili.

Una volta lì, dovete trovare l’applicazione Member Directory e fare clic sul pulsante “+ Aggiungi” per installarla.

Adding the Member Directory Application

Si aprirà una finestra di dialogo che descrive l’applicazione Member Directory.

Per continuare, fate clic sul pulsante “Installa applicazione”.

Installing the Member Directory Application

Successivamente, vi verrà chiesto di assegnare un nome all’applicazione.

Per questa esercitazione, lasceremo il nome predefinito, ‘Member Directory’, e faremo clic sul pulsante ‘Installa applicazione’ per continuare.

Naming the Member Directory Application

Formidable Forms creerà ora le pagine, i moduli e le visualizzazioni necessarie per la vostra directory dei membri.

Le pagine vengono salvate come bozze, in modo da poterle personalizzare prima che vengano pubblicate.

Opening the Member Directory Application

Ora dovete fare clic sul pulsante “Apri applicazione”. Si aprirà la pagina dell’applicazione Member Directory, dove potrete personalizzare e pubblicare la vostra directory.

Ora avete creato un modulo “Profilo della directory degli utenti” che i vostri membri possono compilare sulla pagina “Add-on”.

C’è anche una pagina “Elenco dei membri” in cui è possibile visualizzare la directory in una vista a tabella o a griglia.

3. Personalizzare il modulo del profilo del membro e la pagina “Aggiungi un membro”.

Successivamente, è possibile aggiungere o rimuovere alcuni campi dal modulo “Profilo directory utenti”. Si tratta del modulo che i membri devono compilare per essere inseriti nella directory.

È possibile aggiungere alcune istruzioni alla pagina in cui viene visualizzato il modulo del profilo prima di pubblicarlo.

Personalizzare il modulo “Profilo della directory utente”.

Il modulo “Profilo dell’elenco utenti” contiene tutti i campi necessari per la maggior parte dei profili dei membri. È possibile personalizzarlo facendo clic sul collega “Profilo dell’elenco utenti” o passandoci sopra con il mouse e facendo clic su “Modifica”.

Customizing the User Directory Profile Form

Si aprirà l’editore del modulo. Si vedrà un’anteprima del modulo sulla destra e i campi disponibili sulla sinistra.

Il modulo include dettagli di contatto, collegamenti sociali e altro ancora. Alcuni dei campi vengono compilati automaticamente utilizzando le informazioni contenute nel profilo utente di WordPress del membro. Questi includono il nome, l’indirizzo email e la biografia.

The Formidable Form Editor

Per aggiungere nuovi campi, è sufficiente trascinarli nel modulo dalla colonna “Add Fields” a sinistra.

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

Customizing the Email Address Field Options

Le opzioni per il valore predefinito del campo si trovano nella sezione “Avanzate”. Qui è possibile scegliere il valore predefinito da un elenco di tag intelligenti. Questo prenderà le informazioni che l’utente ha già aggiunto al suo profilo WordPress, in modo da non doverle inserire due volte.

Scorrendo il modulo fino in fondo, si noterà che include già i campi per i collegamenti sociali 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, fai clic sul pulsante “Salva profilo” per memorizzare le modifiche.

Personalizzare la pagina “Aggiungi un membro”.

Successivamente, è necessario personalizzare e pubblicare la pagina “Aggiungi un membro” che visualizza il modulo del profilo sul sito web.

Per visualizzare la pagina, potrebbe essere necessario tornare a Formidable ” Applicazioni ” Directory dei membri. Quindi, fai clic sul collega “Aggiungi un membro” o al passaggio del mouse su di esso e clicca su “Modifica”.

Opening the 'Add a Member' Page

Si aprirà la pagina “Aggiungi un membro” nell’editore dei contenuti di WordPress. Contiene semplicemente il titolo della pagina e il modulo di Formidable che avete appena visto.

Se volete, potete dare alla pagina un titolo diverso, ad esempio “Iscriviti alla nostra directory dei membri”.

Se si desidera aggiungere delle istruzioni prima del modulo, fare clic sul titolo della pagina e inserire il tasto Invio. In questo modo si creerà un nuovo blocco in cui digitare le istruzioni.

Publishing the Add a Member Page

Una volta soddisfatti della pagina, fai clic sul pulsante “Pubblica” in alto per renderla attiva sul tuo sito web.

4. Personalizzare la pagina “Directory dei membri”.

Ora è possibile personalizzare e pubblicare la directory dei membri. È necessario scegliere se visualizzare i membri in una griglia o in una tabella. Poi, è necessario pubblicare la pagina in modo che sia visibile sul sito web.

Personalizzazione della pagina “Directory dei membri”.

Per prima cosa, tornate a Formidable ” Applicazioni e fate clic sulla vostra applicazione per la directory dei membri.

È necessario pubblicare la bozza della pagina “Directory dei membri”. Tuttavia, prima di farlo, si può decidere se la pagina deve visualizzare la directory in formato griglia o tabella.

Editing the Member Directory Page

Fai clic sulla pagina “Member Directory” per aprirla nell’editore 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

Di default, lo shortcode visualizza la directory in una griglia a due colonne.

È possibile visualizzare l’anteprima della pagina per vedere come apparirà.

Member Directory Displayed in a Grid

In alternativa, è possibile visualizzare la directory dei soci in formato tabellare.

Per farlo, è necessario utilizzare questo shortcode:

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

È possibile visualizzare nuovamente l’anteprima della pagina per vedere le modifiche.

Questa volta ogni membro sarà visualizzato su una singola riga e le sue informazioni in colonne.

Member Directory Displayed in a Table

Qualsiasi shortcode si scelga, facendo clic su “Visualizza profilo” si visualizzeranno informazioni più dettagliate su chi siamo.

Ecco come appare sul nostro sito web demo.

Viewing a Member Profile

Se volete, potete aggiungere ulteriori contenuti alla pagina. Fate clic sul pulsante “Pubblica” per pubblicare la directory dei membri sul vostro sito web.

Aggiunta delle pagine della Member Directory al menu di navigazione

Potete rendere più facile per i vostri soci trovare o iscriversi alla directory aggiungendo le pagine “Aggiungi un socio” e “Elenco dei soci” al menu di navigazione del vostro sito web.

Seguite la nostra guida su come add-on specifici articoli al menu di navigazione di WordPress.

Limitare la directory dei soci ai soli soci

Inoltre, a seconda del tipo di sito associativo che avete, potreste volere che solo i vostri membri add-on siano in grado di vedere le pagine “Aggiungi un membro” e “Directory dei membri”.

In tal caso, è necessario creare una regola che consenta l’accesso alle pagine solo ai membri.

Vi mostriamo come farlo passo dopo passo nella nostra guida definitiva sulla creazione di un sito associativo in WordPress. Dovrete solo scendere e leggere il passaggio 6 per imparare a creare una regola MemberPress e il passaggio 7 per imparare ad aggiungere contenuti riservati ai membri.

5. Eliminazione dei dati di esempio nella directory dei soci

La directory dei membri contiene i dati di esempio che si possono vedere negli screenshot utilizzati in questa esercitazione. Questo è utile durante l’impostazione della directory dei soci, perché consente di vedere come appariranno i profili.

Una volta terminata l’impostazione della directory, è necessario eliminare i dati di esempio.

È necessario tornare a Formidable ” Applicazioni ” Directory dei membri e fare clic sul modulo “Profilo dell’utente”.

Una volta aperto l’editore di Formidable, fate clic sulla scheda “Voci” in alto nello schermo per visualizzare le voci di esempio.

Molto probabilmente le uniche voci elencate saranno i quattro membri del campione. In questo caso, fate clic sul pulsante “Elimina tutte le voci” in alto nello schermo. Tutti i membri elencati saranno eliminati.

Deleting Sample Data From the Directory

Tuttavia, se alcuni membri reali hanno già creato un profilo, è necessario selezionare manualmente le voci di esempio.

A tal fine, è necessario fare clic sul checkbox accanto a ciascun membro del campione. Quindi, fare clic sul pulsante “Azioni di massa” in alto nell’elenco e selezionare “Elimina” dal menu a discesa.

Infine, fare clic sul pulsante “Applica” per eliminare i dati di esempio. La directory dei soci conterrà ora solo i profili dei soci reali.

Guide di esperti sui siti web ad adesione di WordPress

Speriamo che questo tutorial vi abbia aiutato a imparare come creare un elenco di membri ricercabili in WordPress. Potreste anche voler vedere altri articoli relativi alla creazione di siti web per membri in WordPress:

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

Commenti

  1. Congratulazioni, avete l'opportunità di essere il primo commentatore di questo articolo.
    Avete una domanda o un suggerimento? Lasciate un commento per avviare la discussione.

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.