Come creare un modulo di registrazione utente personalizzato in WordPress

Il tuo modulo di registrazione utente assomiglia a una pagina di accesso generica di WordPress? Il modulo predefinito è funzionale, ma spesso contrasta con il branding personalizzato del tuo sito.

Un modulo di registrazione personalizzato crea una migliore esperienza per i tuoi visitatori. Costruisce fiducia e ti consente di raccogliere informazioni specifiche, come profili social o biografie utente.

Noi di WPBeginner crediamo che ogni parte del tuo sito debba apparire professionale. Abbiamo testato i costruttori di moduli più popolari per trovare il metodo più semplice per personalizzare le iscrizioni degli utenti.

In questa guida, ti mostreremo come creare un modulo di registrazione utente personalizzato in WordPress, passo dopo passo.

Perché aggiungere un modulo di registrazione utenti personalizzato in WordPress?

La pagina di registrazione utenti predefinita di WordPress mostra il branding e il logo di WordPress, che non corrispondono al resto del design del tuo sito web WordPress.

La creazione di un nuovo modulo di registrazione utenti ti consente di aggiungere il modulo di registrazione in qualsiasi pagina del sito e ti aiuta a offrire un'esperienza utente più coerente durante il processo di registrazione.

Con un modulo di registrazione, puoi raccogliere informazioni specifiche dai tuoi utenti che potrebbero essere uniche per il tuo blog WordPress o per la tua attività.

Questo può includere dettagli di contatto aggiuntivi, preferenze o qualsiasi altra informazione pertinente alla funzionalità del tuo sito.

Ad esempio, se stai organizzando un evento, un modulo di registrazione ti aiuterà a raccogliere dettagli essenziali dai partecipanti, come restrizioni dietetiche, preferenze di sessione o requisiti speciali.

Un modulo di registrazione utente personalizzato ti consente inoltre di reindirizzare gli utenti dopo la registrazione. Puoi persino visualizzare campi aggiuntivi del profilo utente, combinarli con un modulo di accesso front-end personalizzato e collegarlo al tuo servizio di email marketing.

Detto questo, diamo un'occhiata a come creare un modulo di registrazione utente personalizzato in WordPress, passo dopo passo.

Come creare un modulo di registrazione utente personalizzato in WordPress

Il modo più semplice per creare un modulo di registrazione utente personalizzato è utilizzare WPForms. A nostro parere, è il miglior plugin per moduli di contatto di WordPress. Ti consente di creare tutti i tipi di nuovi moduli in WordPress.

Su WPBeginner, utilizziamo WPForms per tutte le nostre esigenze di moduli di contatto, nonché per il nostro sondaggio annuale. Abbiamo avuto solo esperienze positive con lo strumento. Apprezziamo in particolare che il suo costruttore drag-and-drop lo renda super intuitivo.

Per saperne di più, consulta la nostra recensione di WPForms.

Innanzitutto, devi installare e attivare il plugin WPForms. Per istruzioni più dettagliate, consulta la nostra guida passo passo su come installare un plugin WordPress.

Dopo l'attivazione, vai alla pagina WPForms » Impostazioni dalla barra laterale di amministrazione di WordPress per inserire la tua chiave di licenza.

Puoi ottenere questa chiave dal tuo account sul sito web di WPForms.

Una volta verificata la chiave, devi visitare la pagina WPForms » Addons dalla dashboard di WordPress.

Da qui, individua l'addon 'User Registration' e quindi fai clic sul pulsante 'Installa Addon' sotto di esso.

WPForms installerà e attiverà ora l'addon 'User Registration' sul tuo sito WordPress. Vedrai lo stato cambiare in 'Attivo' quando l'addon sarà installato.

Ora sei pronto per creare il tuo modulo di registrazione utente personalizzato.

Per fare ciò, visita la pagina WPForms » Aggiungi nuovo dalla barra laterale dell'amministratore.

Questo ti porterà alla pagina 'Seleziona un modello', dove puoi iniziare digitando un nome per il modulo che stai per creare.

Una volta fatto ciò, individua semplicemente il modello 'Modulo di registrazione utente' e fai clic sul pulsante 'Usa modello' sotto di esso.

Questo avvierà il generatore di moduli WPForms sul tuo schermo. Nella colonna di destra, noterai le opzioni dei campi e un'anteprima del modulo nell'angolo sinistro dello schermo.

Il modulo di registrazione predefinito ha già aggiunto i campi nome, nome utente, password, email e breve biografia.

Tuttavia, puoi facilmente aggiungere altri campi al modulo dal pannello di sinistra e anche trascinare i campi per riordinarli.

Il plugin ti consente anche di modificare ogni campo del modulo. Per fare ciò, fai semplicemente clic su qualsiasi campo del modulo e vedrai apparire le 'Opzioni campo' nella colonna di sinistra.

Da qui, puoi cambiare l'etichetta del campo, modificarne il formato, aggiungere una descrizione, impostare la formattazione condizionale, cambiare il campo in obbligatorio e altro ancora.

Una volta terminato, non dimenticare di fare clic sul pulsante ‘Salva’ per memorizzare le tue impostazioni.

Nota: Se desideri inviare notifiche via email agli utenti registrati, puoi consultare il nostro tutorial su come inviare email di conferma dopo l'invio di un modulo WordPress.

Aggiungere campi personalizzati nel tuo modulo di registrazione utente personalizzato

WPForms ti consente anche di collegare campi del profilo utente personalizzati al tuo modulo di registrazione utente.

Per fare ciò, dovrai aggiungere campi aggiuntivi del profilo utente al tuo sito WordPress, e il modo più semplice per farlo è utilizzare un plugin WordPress.

In questo tutorial, stiamo utilizzando il plugin Advanced Custom Fields. Tuttavia, la funzionalità di mappatura dei campi di WPForms funzionerà con qualsiasi plugin che utilizza campi personalizzati standard di WordPress per aggiungere e archiviare metadati utente.

Innanzitutto, è necessario installare e attivare il plugin Advanced Custom Fields. Per maggiori dettagli, potresti voler consultare la nostra guida per principianti su come installare un plugin WordPress.

Dopo l'attivazione del plugin, vai alla pagina ACF » Gruppi di Campi dalla barra laterale di amministrazione di WordPress. Qui, fai clic sul pulsante ‘+ Aggiungi Gruppo di Campi’.

Questo ti porterà alla pagina ‘Aggiungi Nuovo Gruppo di Campi’, dove puoi iniziare digitando un titolo per il gruppo di campi.

Per questo tutorial, creeremo un campo personalizzato per i dettagli degli account dei social media.

Successivamente, scorri verso il basso fino al menu a discesa ‘Tipo di Campo’ e scegli un tipo per il campo personalizzato. Puoi selezionare testo, numeri, immagini, file, caselle di controllo, URL, password e molto altro.

Una volta fatto ciò, inserisci un’Etichetta Campo che apparirà sulla pagina del profilo.

Ad esempio, se vuoi aggiungere un campo personalizzato per raccogliere profili Facebook, puoi nominare l'etichetta del campo ‘Facebook’.

Noterai che il Nome Campo verrà generato automaticamente mentre inserisci un'etichetta campo, ma puoi modificarlo.

Successivamente, passa alla scheda ‘Validazione’ dalla sezione ‘Etichetta’. Qui, puoi attivare l'interruttore ‘Obbligatorio’ per rendere obbligatorio per gli utenti compilare questo campo personalizzato prima di inviare il modulo.

Puoi persino impostare un limite di caratteri per il campo da qui.

Una volta fatto ciò, passa semplicemente alla scheda ‘Presentazione’ dall'alto.

Ora puoi aggiungere istruzioni per gli autori, testo segnaposto per il campo, attributi wrapper e altro ancora.

Dopo di che, puoi anche aggiungere logica condizionale al campo personalizzato che stai creando passando alla scheda ‘Logica Condizionale’ dall'alto.

Una volta apportate le modifiche, scorri verso il basso fino alla sezione ‘Regole di localizzazione’. Da qui, devi creare un set di regole per determinare quali schermate utilizzeranno questi campi personalizzati.

Poiché vogliamo che questo campo appaia per tutti i profili utente, dovremo selezionare l'opzione ‘Ruolo utente’ dal menu a discesa sulla sinistra.

Dopodiché, lascia il menu a discesa al centro così com'è e quindi scegli l'opzione ‘Tutti’ dal menu a discesa sulla destra.

Ora, il gruppo di campi personalizzati che stiamo creando verrà visualizzato per tutti i profili utente.

Successivamente, passa alla scheda ‘Impostazioni gruppo’ dall'alto.

Una volta lì, assicurati che il gruppo di campi sia attivo facendo scorrere l'interruttore da No a Sì.

Una volta fatto ciò, puoi anche aggiungere altri campi personalizzati al gruppo di campi facendo clic sul pulsante ‘Aggiungi Campo’ in cima alla pagina.

Ad esempio, se desideri creare più campi per i social media, puoi fare clic sul pulsante ‘Aggiungi Campo’ e iniziare a personalizzare il campo per altre piattaforme di social media.

Tieni presente che tutti i campi che crei faranno parte dello stesso gruppo di campi.

Una volta terminato, non dimenticare di fare clic sul pulsante ‘Salva Modifiche’ in cima per memorizzare le tue impostazioni.

Ora hai pubblicato con successo il tuo gruppo di campi.

Ora, per visualizzare il campo personalizzato che hai creato, vai alla pagina Utente » Profilo dall'area amministratore.

Qui vedrai i tuoi campi personalizzati aggiunti in fondo alla pagina del profilo.

Ora che hai creato un campo personalizzato per il profilo utente, dovrai aggiungerlo al modulo di registrazione utente personalizzato in WPForms.

Dopo di che, dovrai anche assicurarti di associare il campo del modulo al campo personalizzato in modo che i dati vengano archiviati correttamente.

Per fare ciò, visita la pagina WPForms » Tutti i Moduli dalla dashboard di WordPress. Successivamente, fai clic sul link ‘Modifica’ sotto il modulo di registrazione utente che hai appena creato e salvato in precedenza.

Questo aprirà il tuo modulo nell'editor di moduli di WPForms. Una volta lì, trascina semplicemente un campo dal pannello di sinistra per aggiungerlo al tuo modulo.

In questo esempio, stiamo aggiungendo un campo ‘Sito Web/URL’ al nostro modulo.

Dopo aver aggiunto il campo Sito Web/URL, fai clic su di esso per aprire le proprietà dei campi nella colonna di sinistra.

Ora, procedi e cambia l'etichetta del campo da Sito Web/URL al nome del gruppo di campi che hai creato.

Se lo desideri, puoi anche aggiungere una descrizione per il campo.

Dopo di che, non dimenticare di fare clic sul pulsante ‘Salva’ per salvare il tuo modulo.

Successivamente, devi fare clic sul pulsante ‘Impostazioni’ nell'angolo destro per le impostazioni avanzate del modulo e l'associazione dei campi. Nella pagina Impostazioni, fai clic sulla scheda ‘Registrazione Utente’.

WPForms mostrerà ora i campi del tuo modulo e un menu a discesa sotto di essi per selezionare il campo di registrazione di WordPress con cui mapparlo.

Noterai che WPForms mapperà automaticamente i tuoi campi predefiniti come Nome, Email, Password e altro ancora.

Da qui, scegli l'opzione del nome del tuo gruppo di campi dal menu a discesa sotto l'opzione 'Sito web'.

Successivamente, scorri verso il basso fino alla sezione 'Metadati utente personalizzati'.

Nel campo ‘Custom Meta Key’, devi inserire il ‘Field Name’ specifico per il tuo campo personalizzato trovato nelle impostazioni ACF (non il titolo del Field Group). Quindi, seleziona il campo del modulo corrispondente a cui vuoi mapparlo dal menu a discesa.

Nota: Se desideri inviare notifiche via email agli utenti registrati, puoi consultare il nostro tutorial su come inviare email di conferma dopo l'invio di moduli WordPress.

Infine, fai clic sul pulsante 'Salva' nell'angolo in alto a destra dello schermo per salvare le impostazioni.

Aggiungere il tuo modulo di registrazione utente personalizzato in WordPress

WPForms rende semplicissimo aggiungere moduli ai tuoi post, pagine e widget della barra laterale di WordPress.

Innanzitutto, devi aprire un post/pagina esistente o nuovo dove desideri aggiungere il modulo di registrazione personalizzato.

Una volta lì, fai clic sul pulsante 'Aggiungi blocco' (+) nell'angolo in alto a sinistra per aprire il menu dei blocchi.

Da qui, individua e aggiungi il blocco WPForms alla pagina/post.

Successivamente, puoi selezionare il tuo modulo di registrazione personalizzato dal menu a discesa nel blocco stesso.

Ora vedrai l'anteprima del tuo modulo di registrazione nell'editor di WordPress. Procedi e pubblica il tuo post o pagina per vedere il modulo di registrazione personalizzato in azione.

Aggiungi il modulo di registrazione utente personalizzato alla barra laterale

WPForms ti consente anche di aggiungere il tuo modulo di registrazione utente personalizzato nella barra laterale. Visita semplicemente la pagina Aspetto » Widget dall'area di amministrazione e fai clic sul pulsante 'Aggiungi blocco' (+).

Questo aprirà il menu dei blocchi da cui puoi aggiungere il blocco WPForms nella scheda Widget della pagina 'Widget'.

Dopodiché, seleziona semplicemente il modulo di registrazione utente dal menu a discesa nel blocco WPForms.

Una volta terminato, non dimenticare di fare clic sul pulsante ‘Aggiorna’ per salvare le tue impostazioni.

Ora, puoi visitare il tuo sito web per visualizzare il modulo di registrazione utente nella barra laterale del sito web.

Aggiungi il modulo di registrazione utente personalizzato nell'editor del sito completo

Se stai utilizzando un tema WordPress basato su blocchi, non avrai la pagina dei widget. Per aggiungere il modulo di registrazione nella barra laterale con l'editor del sito completo (FSE), vai alla pagina Aspetto » Editor dalla barra laterale di amministrazione.

Una volta lì, fai clic sul pulsante 'Aggiungi blocco' (+) nell'angolo in alto a sinistra per aprire il menu dei blocchi.

Da qui, devi trovare e aggiungere il blocco WPForms nel tuo punto preferito del tuo sito web.

Dopodiché, seleziona il modulo di registrazione dal menu a discesa nel blocco stesso.

Infine, fai clic sul pulsante 'Salva' per salvare le tue impostazioni.

Ora, visita il tuo sito web per vedere il modulo di registrazione utente personalizzato in azione.

Bonus: Crea una pagina di accesso personalizzata con il tuo modulo di registrazione

Quando aggiungi il tuo modulo di registrazione a una pagina del tuo sito web, WordPress utilizzerà per impostazione predefinita il layout, il modello e lo stile del tuo tema.

Tuttavia, puoi creare una splendida pagina di registrazione da zero utilizzando un creatore di pagine di destinazione per WordPress.

SeedProd è il miglior costruttore di pagine per WordPress. È facile da usare e offre un costruttore drag-and-drop che ti aiuta a creare tutti i tipi di landing page. Il plugin offre anche modelli predefiniti e molte funzionalità di personalizzazione.

Alcuni dei nostri brand partner lo hanno utilizzato per creare temi personalizzati, rendendo i loro siti visivamente accattivanti e ottenendo l'apprezzamento dei loro utenti. Per saperne di più, puoi leggere la nostra recensione di SeedProd.

Innanzitutto, devi installare e attivare il plugin SeedProd sul tuo sito. Per istruzioni dettagliate, potresti voler consultare il nostro tutorial su come installare un plugin WordPress.

Dopo l'attivazione, visita la pagina SeedProd » Impostazioni per inserire la chiave di licenza del plugin. Puoi trovare queste informazioni nel tuo account sul sito web di SeedProd.

Dopo aver verificato la tua chiave, sei pronto per creare una pagina di accesso con il tuo modulo di registrazione.

Per iniziare, vai alla schermata SeedProd » Landing Pages dalla barra laterale dell'amministratore e quindi fai clic sul pulsante ‘Imposta una pagina di accesso’.

Questo ti porterà alla schermata ‘Scegli un nuovo modello di pagina’, dove puoi selezionare un modello predefinito per la pagina di accesso che stai per creare.

Dopo aver selezionato un modello, apparirà una finestra popup.

Ora devi inserire un nome per la tua landing page e un URL. Una volta fatto, fai clic sul pulsante ‘Salva e inizia a modificare la pagina’.

Successivamente, puoi modificare la tua pagina di accesso utilizzando il costruttore di landing page drag-and-drop di SeedProd.

Per fare ciò, seleziona un blocco dal menu sulla sinistra e trascinalo dove desideri aggiungerlo sulla tua pagina di accesso.

Ad esempio, puoi aggiungere un blocco titolo, immagine, video o condivisione social alla tua landing page.

Una volta fatto, vai alla sezione Blocchi avanzati dalla colonna di sinistra.

Da qui, seleziona il blocco ‘Modulo di contatto’ e posizionalo sulla tua pagina di accesso.

Ti suggeriamo di eliminare il blocco esistente Nome utente e Password dal modello in modo che gli utenti non debbano inserire le credenziali di accesso due volte.

Successivamente, fai clic sul blocco WPForms sulla tua pagina di accesso per aprire le sue impostazioni nella colonna di sinistra.

Ora vedrai un'opzione per 'Seleziona un modulo' nel menu.

Da qui, procedi e seleziona il tuo modulo di registrazione dal menu a discesa.

Ora dovresti vedere un'anteprima del tuo modulo di registrazione nel costruttore della landing page.

Infine, non dimenticare di fare clic sul pulsante 'Salva' per memorizzare le modifiche.

Dopodiché, puoi passare alla scheda 'Connetti' e integrare diversi servizi di email marketing con il tuo modulo di registrazione.

SeedProd si integra facilmente con servizi di email marketing popolari come Drip, Constant Contact, AWeber e altri, che possono aiutarti a migliorare la tua lista email.

Successivamente, puoi andare alla scheda 'Impostazioni pagina' e cambiare lo Stato della pagina in Pubblica nelle impostazioni generali.

Puoi persino modificare il titolo e l'URL della pagina e abilitare il collegamento SeedProd da questa scheda.

Se desideri ottimizzare la tua pagina per i motori di ricerca, vai alla scheda SEO.

Da qui, puoi configurare le impostazioni inserendo un titolo SEO, una descrizione, un'anteprima per i social media e altro ancora.

SeedProd ti consente anche di aggiungere snippet di codice nelle impostazioni degli script. Una volta soddisfatto delle impostazioni, fai semplicemente clic sul pulsante 'Salva' in alto e chiudi il costruttore della pagina.

Dopodiché, vai alla schermata SeedProd » Landing Pages e attiva l'interruttore sotto la Pagina di accesso per rendere la tua pagina 'Attiva'.

Ora puoi visitare la tua pagina di accesso per vedere il modulo di registrazione in azione.

Domande frequenti sui moduli di registrazione utente

Riceviamo spesso domande dai lettori sulla personalizzazione del processo di registrazione utente. Ecco le risposte ad alcune delle domande più comuni riguardanti i moduli di registrazione di WordPress.

1. Come posso bloccare le registrazioni spam sul mio modulo?

Le registrazioni spam possono essere una seccatura. Ti consigliamo di abilitare la funzione anti-spam honeypot integrata in WPForms. Puoi anche aggiungere un campo CAPTCHA al tuo modulo per bloccare ulteriormente i bot.

2. Posso approvare manualmente gli utenti prima che possano accedere?

Sì, puoi controllare chi accede al tuo sito. Le impostazioni di registrazione utente di WPForms ti consentono di abilitare l''Admin Approval' per i nuovi account. Ciò significa che gli utenti non possono accedere finché non esamini la loro registrazione.

3. Posso riscuotere pagamenti durante la registrazione utente?

Assolutamente. Puoi combinare la registrazione utente con campi di pagamento utilizzando Stripe, PayPal o Square. Questo è perfetto se stai creando un sito di appartenenza a pagamento o addebitando una commissione per l'accesso.

4. Quale ruolo utente dovrei assegnare ai nuovi utenti?

Per la maggior parte dei siti web, dovresti assegnare il ruolo di 'Iscritto' ai nuovi registrati. Questo garantisce che possano visualizzare i contenuti del tuo sito ma non possano modificare le impostazioni del sito, installare plugin o modificare i post.

5. Posso consentire agli utenti di caricare una foto del profilo?

Sì, puoi aggiungere un campo di caricamento file al tuo modulo di registrazione. Puoi quindi associare questo campo ai metadati del profilo dell'utente in modo che venga salvato come avatar o immagine del bio.

Risorse aggiuntive

Speriamo che questo articolo ti abbia aiutato a imparare come creare facilmente un modulo di registrazione utente personalizzato in WordPress. Potresti anche voler consultare la nostra guida su come creare una pagina di accesso personalizzata o le nostre scelte esperte per i migliori plugin di membership per WordPress.

• Come creare una pagina di accesso personalizzata di WordPress (Guida definitiva)
• Come bloccare le registrazioni spam sul tuo sito WordPress Membership
• Guida definitiva alla creazione di un sito di appartenenza WordPress
• Guida per principianti ai ruoli utente e ai permessi di WordPress

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