Come creare una pagina di accesso personalizzata in WordPress

Vuoi creare una pagina di accesso personalizzata per il tuo sito WordPress? Ho configurato pagine di accesso personalizzate per diversi siti WordPress, ed è una di quelle modifiche che sembrano insignificanti ma che fanno davvero la differenza. La schermata di accesso predefinita di WordPress è banale, generica e reindirizza addirittura fuori dal tuo sito.

La buona notizia? Puoi sostituirla con una pagina di accesso personalizzata con il tuo marchio e il tuo stile utilizzando un solo plugin. In questa guida ti spiegherò passo dopo passo come creare una pagina di accesso personalizzata con WPForms. Questo include la creazione del modulo, la personalizzazione del design, la pubblicazione della pagina e il reindirizzamento dell'URL di accesso predefinito.

Crea subito la tua pagina di accesso personalizzata! 🙂

Perché creare una pagina di accesso personalizzata in WordPress?

Ogni sito WordPress presenta la stessa schermata di accesso predefinita. Mostra il logo di WordPress, uno sfondo bianco e nient’altro che indichi ai visitatori a quale sito stanno effettivamente accedendo. Ecco perché vale la pena cambiarla:

• Branding. Una pagina di accesso personalizzata mette in primo piano il tuo logo, i tuoi colori e i tuoi messaggi. Noi di WPForms utilizziamo la nostra pagina di accesso personalizzata per mettere in evidenza le nuove funzionalità e gli aggiornamenti destinati ai nostri utenti.
• Sicurezza. Quando crei una pagina di accesso personalizzata, puoi reindirizzare quella predefinita wp-login.php URL. Ciò riduce gli attacchi di forza bruta e lo spam nei moduli di accesso, poiché i bot non riescono a individuare il modulo di accesso effettivo. Abbinalo a una password complessa Plugin di sicurezza per WordPress per una protezione ancora maggiore.
• Aspetto professionale. Se il tuo sito consente la registrazione di membri, l'accesso dei clienti o la creazione di account per gli studenti, una pagina di accesso personalizzata con il tuo marchio infonde fiducia. I visitatori capiscono di essere nel posto giusto non appena vedono il tuo logo.

E ecco la parte migliore: non ti servono un plugin separato per personalizzare il modulo di accesso, un page builder E un plugin per i moduli per ottenere questo risultato. WPForms gestisce il modulo di accesso, lo stile visivo e la creazione della pagina, tutto in un unico strumento.

Come creare una pagina di accesso personalizzata in WordPress

Vi mostrerò come creare una pagina di accesso personalizzata completa utilizzando WPForms e il suo componente aggiuntivo "User Registration". Questo tutorial copre ogni aspetto: la creazione del modulo, l'aggiunta del vostro marchio, la personalizzazione dell'aspetto grafico, la pubblicazione della pagina e il reindirizzamento dell'URL di accesso predefinito di WordPress in modo che i bot non possano trovarlo.

Passaggio 1: Installa WPForms e configura il componente aggiuntivo per la registrazione degli utenti

Per prima cosa, devi avere WPForms Pro installato sul tuo sito. L'estensione "Registrazione utente " ti offre modelli di moduli per l'accesso, la registrazione e il ripristino della password ed è disponibile a partire dal piano Pro.

Se non hai ancora WPForms, scaricalo dalla pagina dei prezzi e installalo sul tuo sito WordPress. Poi vai su WPForms » Componenti aggiuntivi nella tua dashboard.

Cerca l'add-on "User Registration " e clicca sul pulsante per installarlo. La configurazione è terminata. Con un plugin e un add-on, ora hai tutto ciò che ti serve per creare una pagina di accesso personalizzata, un modulo di registrazione e un modulo per il ripristino della password.

Ottenete subito WPForms Pro! 🙂

Passaggio 2: Creare un modulo di accesso personalizzato

Clicca su WPForms » Aggiungi nuovo per creare il tuo modulo di accesso.

Assegna un nome al tuo modulo (ad esempio “Modulo di accesso personalizzato”), quindi seleziona il modello “Modulo di accesso utente ”. Questo modello è stato creato appositamente per la funzionalità di accesso e non sarà visibile se il componente aggiuntivo “Registrazione utente” non è attivato.

Il modello viene caricato con tre campi già presenti: Nome utente, Password e Ricordami.

La casella di selezione "Ricordami" consente ai visitatori di rimanere connessi tra una visita e l'altra. È un piccolo dettaglio, ma evita agli utenti abituali di dover digitare le proprie credenziali ogni volta. Per ulteriori dettagli tecnici, consulta la documentazione relativa al modulo di accesso.

Puoi utilizzare questo modello così com'è oppure personalizzarlo ulteriormente. Ti consiglio almeno di aggiungere il tuo marchio, ed è proprio quello che faremo ora.

Fase 3: Aggiungi il marchio e personalizza il design

Puoi aggiungere il tuo logo, modificare i colori, regolare i caratteri e personalizzare lo stile dei pulsanti senza dover installare un plugin separato per la personalizzazione della pagina di accesso. Tutto avviene direttamente all'interno di WPForms e dell'editor a blocchi di WordPress.

Aggiungi il tuo logo o un'immagine del tuo marchio

Inizia trascinando il campo "Contenuto " nella parte superiore del modulo, proprio sotto il titolo.

Fai clic sul campo Contenuto per aprire il pannello Opzioni campo sulla sinistra.

Verrà visualizzato un editor di testo in cui potrai inserire tutto ciò che desideri. Per inserire il tuo logo, clicca sul pulsante " Aggiungi file multimediali " e carica l'immagine del tuo marchio.

Carica il tuo logo tramite la Galleria multimediale di WordPress, proprio come faresti con qualsiasi altra immagine del tuo sito.

Una volta che il tuo marchio ha un bell'aspetto, clicca su «Salva». Hai bisogno di altre idee per il design? Dai un'occhiata a questi esempi di pagine di accesso per trovare ispirazione.

Personalizza il tuo modulo di accesso nell'editor a blocchi

Ecco una cosa che la maggior parte delle altre guide sulle pagine di accesso non menziona: non serve un plugin specifico per personalizzare il tuo modulo di accesso. WPForms offre funzionalità integrate per la personalizzazione dei moduli direttamente nell'editor a blocchi di WordPress.

Quando incorpori il modulo in una pagina (lo faremo nel passaggio 5), vedrai le opzioni di stile nella barra laterale del blocco WPForms. Da lì, potrai personalizzare:

• Stili di campo quali colori di sfondo, colori dei bordi e raggio dei bordi
• Stili delle etichette, inclusi caratteri, dimensioni e colori
• Stili dei pulsanti quali colore di sfondo, colore del testo, raggio del bordo e larghezza
• Impostazioni generali di stile per spaziatura, allineamento e sfondi dei contenitori

Questo ti fa risparmiare un sacco di tempo. Invece di dover gestire sia un plugin per personalizzare i colori della pagina di accesso sia un plugin per i moduli che gestisce la funzionalità di accesso vera e propria, puoi fare tutto con WPForms.

Per una guida completa a tutte le opzioni di personalizzazione, consulta la guida su come personalizzare i moduli nell'editor a blocchi. Già che ci sei, personalizziamo anche il testo del pulsante di invio.

Vai su Impostazioni » Generale all'interno del generatore di moduli e modifica il testo del pulsante di invio in qualcosa come «Accedi».

Passaggio 4: Configurare le impostazioni di accesso

Sempre nel generatore di moduli, clicca su «Impostazioni» nel pannello di sinistra. Ora clicca su «Conferme» per decidere cosa succede dopo un accesso riuscito.

Nella maggior parte dei casi, dopo che gli utenti hanno effettuato l'accesso, è opportuno reindirizzarli a una determinata pagina. Puoi indirizzarli alla tua home page, alla dashboard del loro account o a qualsiasi altra pagina. Imposta il " Tipo di conferma " su "Vai all'URL (Reindirizzamento) " e inserisci l'URL di destinazione.

C'è un'altra impostazione che vale la pena controllare. Scorri verso il basso e clicca su " Registrazione utente " per visualizzare le opzioni disponibili.

Attiva l'opzione per nascondere il modulo agli utenti che hanno effettuato l'accesso. In questo modo, gli utenti già registrati non vedranno il modulo di accesso. Puoi personalizzare il messaggio che vedranno al suo posto.

Quando hai finito di configurare le impostazioni, clicca su Salva.

Passaggio 5: Pubblica la tua pagina di accesso personalizzata

Il tuo modulo di accesso è stato creato, personalizzato con il tuo marchio e configurato. Ora inseriamolo in una pagina. Clicca sul pulsante "Incorpora " nella parte superiore del generatore di moduli.

Verrà visualizzata una finestra pop-up che ti chiederà dove desideri incorporare il modulo. Fai clic su «Crea nuova pagina».

Assegna un nome alla tua pagina (ad esempio «Login») e clicca su «Avanti».

WordPress apre l'editor a blocchi con il modulo di accesso già integrato. Qui troverai anche le opzioni di stile del blocco definite al punto 3, così potrai mettere a punto colori e caratteri direttamente da qui prima della pubblicazione.

Quando tutto ti sembra a posto, clicca su Pubblica. La tua pagina di accesso personalizzata è online e pronta ad accogliere gli utenti registrati nel giro di pochi minuti!

Passaggio 6: Aggiungi la pagina di accesso al menu di navigazione

La pagina di accesso esiste, ma i visitatori devono poterla trovare. Il posto più naturale è il menu di navigazione del tuo sito. Vai su Aspetto » Menu nella dashboard di WordPress.

Se hai già creato un menu, individua la tua pagina di accesso nel pannello " Pagine " a sinistra e clicca su "Aggiungi al menu".

Trascina la pagina di accesso nella posizione desiderata all'interno dell'ordine del menu. La maggior parte dei siti la colloca all'estrema destra della barra di navigazione. Scegli la posizione di visualizzazione del menu (di solito "Menu principale " per l'intestazione) e clicca su "Salva menu".

Se il tuo sito non ha ancora un menu, dovrai prima crearne uno. Inserisci un nome per il tuo menu nella sezione " Struttura del menu ".

Clicca su «Crea menu» per configurarlo. Aggiungi quindi la tua pagina di accesso seguendo gli stessi passaggi che ho appena descritto. Dopo aver salvato, visita la tua home page per assicurarti che il link di accesso appaia dove previsto.

Passaggio 7: reindirizzare l'URL di accesso predefinito di WordPress

Questo passaggio è facoltativo, ma lo consiglio vivamente. Per impostazione predefinita, chiunque può ancora visitare yoursite.com/wp-login.php e visualizzare la schermata di accesso generica di WordPress.

Reindirizzare quell'URL alla tua pagina di accesso personalizzata garantisce un'esperienza utente coerente e rende il tuo sito più difficile da individuare per i bot.

Per farlo useremo WPCode. Si tratta di un plugin gratuito che consente di aggiungere frammenti di codice a WordPress senza dover modificare i file del tema.

Installa e attiva WPCode, quindi vai su Frammenti di codice » + Aggiungi frammento. Seleziona Aggiungi il tuo codice personalizzato (Nuovo frammento).

Assegna allo snippet un nome del tipo «Reindirizzamento pagina di accesso» e incolla il codice di reindirizzamento. Assicurati di aggiornare l'URL nel codice in modo che corrisponda all'URL della tua pagina di accesso personalizzata. Fai clic su «Salva snippet».

Una volta salvato correttamente, vedrai un messaggio di conferma.

Infine, imposta lo snippet su " Attivo " nella parte superiore della pagina.

Ora chiunque cerchi di visitare wp-login.php viene invece reindirizzato automaticamente alla tua pagina di accesso personalizzata con il tuo marchio.

Bonus: Crea un modulo personalizzato per il ripristino della password

Se il tuo sito consente la registrazione degli utenti, ti servirà anche un modulo personalizzato per il ripristino della password. Senza di esso, gli utenti che dimenticano la password vengono reindirizzati alla schermata predefinita di WordPress per il ripristino, compromettendo l'esperienza personalizzata che hai appena creato.

Il plugin "Registrazione utente" include un modello di modulo per il ripristino della password dell'utente. Vai su WPForms » Aggiungi nuovo e selezionalo.

Puoi personalizzare questo modulo proprio come hai fatto con il modulo di accesso: aggiungi il tuo branding tramite il campo "Contenuto", modificalo nell'editor a blocchi e pubblicalo in una pagina dedicata. Per una guida dettagliata, consulta la nostra guida sulla personalizzazione del modulo di reimpostazione della password in WordPress.

Domande frequenti sulle pagine di accesso personalizzate di WordPress

Se desideri creare una pagina di accesso personalizzata per WordPress, modificare la schermata di accesso predefinita di WordPress o aggiungere un modulo di accesso a qualsiasi pagina del tuo sito, queste risposte forniscono chiarimenti alle domande più comuni.

Posso personalizzare la pagina di accesso di WordPress senza scrivere codice?

Sì. WPForms ti permette di creare e personalizzare un modulo di accesso su misura interamente tramite il suo builder drag-and-drop e l'editor a blocchi di WordPress. Puoi modificare colori, caratteri e lo stile dei pulsanti, oltre ad aggiungere il tuo marchio, senza scrivere una sola riga di CSS o PHP.

Qual è il miglior plugin per creare una pagina di accesso personalizzata su WordPress?

Consiglio WPForms Pro con l'estensione "Registrazione utenti". Sebbene alcune guide suggeriscano di utilizzare plugin distinti per il modulo, lo stile e l'impaginazione, WPForms gestisce tutti e tre questi aspetti.

In un unico pacchetto troverai moduli di accesso, moduli di registrazione, moduli per il ripristino della password e strumenti per la personalizzazione grafica. Per una panoramica più completa delle opzioni disponibili, dai un'occhiata alla nostra selezione dei migliori plugin per le pagine di accesso di WordPress.

Come faccio ad aggiungere un modulo di accesso a una pagina qualsiasi in WordPress?

WPForms semplifica tutto questo. Puoi incorporare il tuo modulo di accesso utilizzando il blocco WPForms nell'editor a blocchi, uno shortcode o un widget.

Ciò significa che puoi inserire un modulo di accesso in qualsiasi pagina, nella barra laterale o nel piè di pagina. Per una guida completa, consulta la nostra guida su come visualizzare i moduli di accesso e registrazione in qualsiasi pagina.

È sicuro reindirizzare l'URL di accesso predefinito di WordPress?

Sì, ed è in realtà una buona pratica di sicurezza. Reindirizzare wp-login.php alla tua pagina di accesso personalizzata significa che i bot e gli script automatizzati che prendono di mira l'URL predefinito non raggiungeranno il tuo modulo di accesso effettivo.

Assicurati semplicemente che il codice di reindirizzamento si applichi solo alle richieste GET, in modo che l'invio POST del modulo di accesso continui a funzionare correttamente.

Passaggio successivo: creare un'esperienza di registrazione completa

Ora disponi di una pagina di accesso personalizzata e completamente brandizzata per il tuo sito WordPress. Grazie anche al modulo per la reimpostazione della password, i tuoi utenti potranno godere di un'esperienza professionale e curata in ogni dettaglio.

Per completare il quadro, scopri come creare un modulo di registrazione utenti con WPForms. E se la sicurezza è una priorità, impara come impedire il ripristino non autorizzato delle password in WordPress per rafforzare ulteriormente la protezione.

Crea subito la tua pagina di accesso personalizzata

Siete pronti a creare il vostro modulo? Iniziate oggi stesso con il più semplice plugin per la creazione di moduli per WordPress. WPForms Pro include molti modelli gratuiti e offre una garanzia di rimborso di 14 giorni.

Se questo articolo vi ha aiutato, seguiteci su Facebook e Twitter per altre guide e tutorial gratuiti su WordPress.